import type { ReactNode } from "react";
import type { LucideIcon } from "lucide-react";
import { type CardElProps, type IconBadgeTone } from "../html/index.js";
type CardProps = Omit<CardElProps, "title"> & {
    title?: string;
    description?: string;
    /**
     * Leading icon tile in the header, aligned to the title block. The sole
     * sanctioned icon placement on a content card — icons never render in
     * `headerRight`.
     */
    icon?: LucideIcon;
    /** Tint of the leading icon tile. */
    iconTone?: IconBadgeTone;
    /** Trailing header slot for actions and badges — never icon tiles. */
    headerRight?: ReactNode;
    children?: ReactNode;
    footer?: ReactNode;
};
declare function Card({ variant, fill, title, description, icon: Icon, iconTone, headerRight, children, footer, className, }: CardProps): import("react").JSX.Element;
export type { CardProps };
export { Card };
export * from "./variants.js";
//# sourceMappingURL=index.d.ts.map