import React from 'react';
import { SymbolCodepoints } from '@/core/icons/types';
import { ButtonProps } from '../Button';
interface CardButton extends Omit<ButtonProps, 'children' | 'grow' | 'size'> {
    label?: string;
}
export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
    variant: 'default' | 'sample';
    type: 'desktop' | 'mobile';
    title: string;
    subTitle: string;
    description: string;
    showHeader?: boolean;
    showIcon?: boolean;
    showSubtitle?: boolean;
    iconProps?: {
        icon: SymbolCodepoints;
        size: 'sm' | 'md' | 'sample';
        color: string;
        gradient?: 'primary' | 'secondary' | 'tertiary';
    };
    showAvatar?: boolean;
    avatarProps?: {
        size: 'sm' | 'md';
        label: string;
    };
    showTag?: boolean;
    tagProps: {
        label: string;
        variant: 'error' | 'info' | 'warning' | 'outline' | 'success' | 'neutral';
        iconProps?: {
            icon: SymbolCodepoints;
            position: 'left' | 'right';
        };
    };
    showMedia?: boolean;
    mediaProps?: {
        src: string;
        alt: string;
    };
    showProgress?: boolean;
    progressValue?: number;
    showInfoList?: boolean;
    infoListItems?: {
        icon: SymbolCodepoints;
        text: string;
        allowLineBreak: boolean;
    }[];
    buttons?: {
        leftButton?: CardButton;
        rightButton?: CardButton;
    };
}
export declare const Card: React.FC<CardProps>;
export {};
