import { default as React } from 'react';
/** Props for the Card component. */
interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
    variant?: 'default' | 'bordered' | 'elevated' | 'info' | 'success' | 'warning' | 'error' | 'callout';
    padding?: 'none' | 'sm' | 'md' | 'lg';
    /** For callout variant: apply gradient background */
    gradient?: boolean;
    /** For info/callout variants: show icon */
    icon?: React.ReactNode;
    /** For info variants: show close button */
    onClose?: () => void;
}
/** A versatile container component with multiple visual variants including info, callout, and status styles. */
export declare const Card: React.FC<CardProps>;
interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
    title?: string;
    description?: string;
}
export declare const CardHeader: React.FC<CardHeaderProps>;
export declare const CardContent: React.FC<React.HTMLAttributes<HTMLDivElement>>;
export declare const CardFooter: React.FC<React.HTMLAttributes<HTMLDivElement>>;
export interface InfoCardProps {
    title?: string;
    children: React.ReactNode;
    variant?: 'info' | 'success' | 'warning' | 'error' | 'neutral';
    size?: 'sm' | 'default' | 'lg';
    className?: string;
}
export declare const InfoCard: React.FC<InfoCardProps>;
export interface CalloutBoxProps {
    title?: string;
    icon?: React.ReactNode;
    children: React.ReactNode;
    variant?: 'gradient' | 'info' | 'success' | 'warning' | 'error' | 'neutral';
    size?: 'sm' | 'default' | 'lg';
    centered?: boolean;
    className?: string;
}
export declare const CalloutBox: React.FC<CalloutBoxProps>;
export {};
//# sourceMappingURL=card.d.ts.map