import { type HTMLAttributes, type ReactNode } from 'react';
import { type VariantProps } from '../../lib/cv.js';
declare const card: (props?: ({
    padding?: "none" | "sm" | "lg" | "md" | undefined;
    elevation?: "flat" | "sm" | "lg" | "md" | undefined;
} & {
    class?: string | false | null | undefined;
    className?: string | false | null | undefined;
}) | undefined) => string;
export type CardVariants = VariantProps<typeof card>;
export interface CardProps extends HTMLAttributes<HTMLDivElement>, CardVariants {
    /** Apply hover/focus elevation transitions (e.g. for clickable cards). */
    interactive?: boolean;
    children?: ReactNode;
}
export declare const Card: import("react").ForwardRefExoticComponent<CardProps & import("react").RefAttributes<HTMLDivElement>>;
/**
 * Header slot — sits at the top of a card. Pair with CardTitle / CardDescription.
 */
export declare function CardHeader({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
export declare function CardTitle({ className, children, ...rest }: HTMLAttributes<HTMLHeadingElement>): import("react/jsx-runtime").JSX.Element;
export declare function CardDescription({ className, children, ...rest }: HTMLAttributes<HTMLParagraphElement>): import("react/jsx-runtime").JSX.Element;
export declare function CardContent({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
export declare function CardFooter({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
export { card as cardVariants };
//# sourceMappingURL=Card.d.ts.map