import type { ResponsiveValue } from '@shopify/restyle';
import React, { ReactNode } from 'react';
import type { Theme } from './../../theme/theme';
import { TouchableComponent } from '../TouchableComponent';
import { BadgeProps, TypeBadge } from '../Badge';
interface CardProps {
    icon?: ReactNode;
    iconBadge?: TypeBadge;
    iconBadgeVariant?: BadgeProps['variant'];
    iconAlign?: 'center' | 'flex-end' | 'flex-start';
    title: string;
    titleVariant?: ResponsiveValue<keyof Theme['textVariants'], Theme>;
    titleWeight?: 'regular' | 'bold';
    titleColor?: ResponsiveValue<keyof Theme['colors'], Theme>;
    subtitle?: string;
    subtitleVariant?: ResponsiveValue<keyof Theme['textVariants'], Theme>;
    subtitleWeight?: 'regular' | 'bold';
    subtitleColor?: ResponsiveValue<keyof Theme['colors'], Theme>;
    innerComponent?: ReactNode;
    footerText?: string;
    footerTextVariant?: ResponsiveValue<keyof Theme['textVariants'], Theme>;
    footerTextWeight?: 'regular' | 'bold';
    footerTextColor?: ResponsiveValue<keyof Theme['colors'], Theme>;
    rightComponent?: ReactNode;
    rightIcon?: ReactNode | 'CaretRight';
    footerComponent?: ReactNode;
    withCardContainer?: boolean;
}
declare type Props = React.ComponentProps<typeof TouchableComponent> & CardProps;
export declare const CardBasicItem: ({ icon, iconBadge, iconBadgeVariant, iconAlign, title, titleVariant, titleWeight, titleColor, subtitle, subtitleVariant, subtitleWeight, subtitleColor, innerComponent, footerText, footerTextVariant, footerTextWeight, footerTextColor, rightComponent, rightIcon, footerComponent, withCardContainer, bg, backgroundColor, onPress, ...props }: Props) => JSX.Element;
export {};