import { default as React } from 'react';
export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
    /** Visual style of the card surface. */
    variant?: "default" | "outline" | "elevated" | "ghost";
    /** Inner padding scale applied by the sub-components. */
    padding?: "none" | "sm" | "md" | "lg";
    /** Lift the card slightly on hover. */
    hoverable?: boolean;
}
export interface CardSectionProps extends React.HTMLAttributes<HTMLDivElement> {
    children?: React.ReactNode;
}
export interface CardHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
    title?: React.ReactNode;
    description?: React.ReactNode;
    icon?: React.ReactNode;
    /** Slot rendered at the far right of the header (menu, action button…). */
    action?: React.ReactNode;
    /** 🔥 Full Customization */
    iconClassName?: string;
    titleClassName?: string;
    descriptionClassName?: string;
    actionClassName?: string;
}
export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
export declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
export declare const CardBody: React.ForwardRefExoticComponent<CardSectionProps & React.RefAttributes<HTMLDivElement>>;
export declare const CardFooter: React.ForwardRefExoticComponent<CardSectionProps & React.RefAttributes<HTMLDivElement>>;