import React from "react";
export type CardShadow = "none" | "sm" | "md" | "lg";
/**
 * Layer 2 visual treatment for the card pattern — orthogonal to the semantic
 * `variant` (which conveys role / state).
 */
export type CardLook = "elevated" | "flat-bordered" | "borderless-divider" | "ticket" | "invoice" | "chip" | "tile-image-first";
export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
    /** Additional CSS classes applied to the root element. */
    className?: string;
    variant?: "default" | "bordered" | "elevated" | "interactive";
    padding?: "none" | "sm" | "md" | "lg";
    /** Card title - renders in header if provided */
    title?: string;
    /** Card subtitle - renders below title */
    subtitle?: string;
    /** Shadow size override */
    shadow?: CardShadow;
    /** Layer 2 visual treatment — orthogonal to the semantic variant. */
    look?: CardLook;
    /** Card content */
    children?: React.ReactNode;
}
export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
export declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
export declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
export declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
export declare const CardBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
export declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
