import { type ComponentPropsWithoutRef, type ReactNode } from "react";
export type CardVariant = "default" | "elevated" | "outlined" | "subtle" | "selected";
export type CardPadding = "none" | "sm" | "md" | "lg" | "xl";
export type CardRadius = "none" | "sm" | "md" | "lg";
export interface CardProps extends Omit<ComponentPropsWithoutRef<"div">, "onDrag" | "onDragStart" | "onDragEnd" | "onAnimationStart"> {
    variant?: CardVariant;
    padding?: CardPadding;
    radius?: CardRadius;
    /** Apply hover affordance (lift + tint) without making the card clickable.
     * For purely-visual surfaces that respond to mouse-over. */
    hoverable?: boolean;
    /** Disable a clickable card. Adds `aria-disabled` and suppresses interaction. */
    disabled?: boolean;
    /** Loading skeleton — replaces the card chrome with a shimmer block of
     * the same height. */
    loading?: boolean;
    /** Render Card's styling onto a custom child element (Radix-style Slot).
     *
     *   <Card asChild variant="elevated">
     *     <NextLink href="/blog/post-1">{...}</NextLink>
     *   </Card>
     *
     * When set, Card does NOT wrap the child in motion.div — the consumer's
     * element fully owns content. Use without asChild for the built-in
     * hover / tap motion + keyboard activation. */
    asChild?: boolean;
    children?: ReactNode;
}
export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>> & {
    Header: typeof CardHeader;
    Body: typeof CardBody;
    Footer: typeof CardFooter;
    Title: typeof CardTitle;
    Description: typeof CardDescription;
};
export interface CardSectionProps extends ComponentPropsWithoutRef<"div"> {
    children?: ReactNode;
}
export declare const CardHeader: import("react").ForwardRefExoticComponent<CardSectionProps & import("react").RefAttributes<HTMLDivElement>>;
export declare const CardBody: import("react").ForwardRefExoticComponent<CardSectionProps & import("react").RefAttributes<HTMLDivElement>>;
export declare const CardFooter: import("react").ForwardRefExoticComponent<CardSectionProps & import("react").RefAttributes<HTMLDivElement>>;
export interface CardTitleProps extends ComponentPropsWithoutRef<"h3"> {
    /** Override the heading level. Defaults to `<h3>`. */
    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
    children?: ReactNode;
}
export declare const CardTitle: import("react").ForwardRefExoticComponent<CardTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
export interface CardDescriptionProps extends ComponentPropsWithoutRef<"p"> {
    children?: ReactNode;
}
export declare const CardDescription: import("react").ForwardRefExoticComponent<CardDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
//# sourceMappingURL=Card.d.ts.map