import React, { ReactNode } from 'react';
import type { GestureResponderEvent } from 'react-native';
import type { ResponsiveValue } from '@shopify/restyle';
import { TouchableComponent } from '../TouchableComponent';
import type { Theme } from '../../theme/theme';
interface CardProps {
    customComponent?: ReactNode;
    iconAlign?: 'center' | 'flex-end' | 'flex-start';
    subtitle?: string;
    subtitleColor?: ResponsiveValue<keyof Theme['colors'], Theme>;
    subtitleVariant?: ResponsiveValue<keyof Theme['textVariants'], Theme>;
    subtitleWeight?: 'regular' | 'bold';
    title?: string;
    titleColor?: ResponsiveValue<keyof Theme['colors'], Theme>;
    titleVariant?: ResponsiveValue<keyof Theme['textVariants'], Theme>;
    titleWeight?: 'regular' | 'bold';
    type: 'success' | 'danger' | 'warning';
}
declare type Props = React.ComponentProps<typeof TouchableComponent> & CardProps & {
    backgroundColor?: string;
    bg?: string;
    onLongPress?: (event: GestureResponderEvent) => void;
    onPress?: (event: GestureResponderEvent) => void;
};
/**
 *
 * @example
 * ### CardAlert - success | danger | warning
 *
 * ```js
 * <CardAlert
 *   type="success"
 *   title="Lorem ipsum, dolor sit amet"
 *   subtitle="Lorem ipsum, dolor sit amet consectetur adipisicing elit. Laborum minus eos dolor laudantium perspiciatis amet fugiat unde ipsam veritatis?"
 * />
 * ```
 *
 */
export declare const CardAlert: ({ backgroundColor, bg, customComponent, iconAlign, onLongPress, onPress, subtitle, subtitleColor, subtitleVariant, subtitleWeight, title, titleColor, titleVariant, titleWeight, type, ...props }: Props) => JSX.Element;
export {};