/**
 * Card — flat surface primitive, forked dependency-light from Veryfront
 * Studio's `Card` (studio/components/Card). Solid (`bg-secondary`, no border,
 * no shadow) for interactive content; outline (`border-outline-border`, no bg)
 * for layout / non-interactive content. Both flat, radius baked in.
 *
 * Studio deps (cva/class-variance-authority, Heading/Text) are swapped for our
 * private `cva` and plain elements. Private to the chat module.
 *
 * @module react/components/ui/card
 */
import * as React from "react";
import { type VariantProps } from "./cva.js";
declare const cardVariants: (props?: ({
    surface?: "outline" | "solid" | null | undefined;
    padding?: "none" | "md" | "lg" | "sm" | null | undefined;
    radius?: "default" | "sm" | null | undefined;
} & {
    class?: import("../../../utils/clsx.js").ClassValue;
    className?: import("../../../utils/clsx.js").ClassValue;
}) | undefined) => string;
/** Props accepted by `<Card>`. */
export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
    ref?: React.Ref<HTMLDivElement>;
}
/** A flat card surface (Studio `Card`). */
export declare function Card({ className, surface, padding, radius, ref, ...props }: CardProps): React.ReactElement;
export declare namespace Card {
    var displayName: string;
}
/** Card header row — a flex row (Studio composes these inline). */
export declare function CardHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.ReactElement;
export declare namespace CardHeader {
    var displayName: string;
}
/** Card body region — vertical stack. */
export declare function CardContent({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.ReactElement;
export declare namespace CardContent {
    var displayName: string;
}
export {};
//# sourceMappingURL=card.d.ts.map