/**
 * html/card — variant-styled card surface + navigation tile + card-internal layout elements.
 *
 * Exports:
 *   CardEl         — bordered panel surface (Card component)
 *   TileEl         — interactive navigation tile (QuickLink component)
 *   CardHeaderEl   — card header row with spacing variant
 *   CardTitleGroupEl — title+description stack inside header
 *   CardButtonEl   — card-style interactive button
 *
 * Icon tiles on card surfaces render through IconBadgeEl (html/badge) — the
 * single icon-container primitive — never through bespoke containers here.
 */
import { type HTMLAttributes, type ButtonHTMLAttributes } from "react";
import { type VariantProps } from "class-variance-authority";
export declare const cardVariants: (props?: ({
    variant?: "default" | "surface" | "interactive" | "flush" | "compact" | null | undefined;
    fill?: boolean | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export type CardElProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardVariants>;
export declare const CardEl: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
    variant?: "default" | "surface" | "interactive" | "flush" | "compact" | null | undefined;
    fill?: boolean | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<HTMLDivElement>>;
export declare const tileVariants: (props?: ({
    layout?: "grid" | "row" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export type TileElProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof tileVariants>;
export declare const TileEl: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
    layout?: "grid" | "row" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<HTMLDivElement>>;
/** Header row inside a card (title + optional headerRight). */
export declare const CardHeaderEl: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
    spacing?: "default" | "compact" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<HTMLDivElement>>;
/** Title + description column inside a CardHeaderEl — flex-col with tight spacing. */
export declare const CardTitleGroupEl: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
/** Card-style interactive button (e.g. schema selector items). */
export declare const CardButtonEl: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
//# sourceMappingURL=card.d.ts.map