import * as React from "react";
import { type VariantProps } from "class-variance-authority";
declare const cardVariants: (props?: ({
    variant?: "default" | "outline" | "ghost" | "elevated" | "soft" | null | undefined;
    size?: "default" | "sm" | "lg" | null | undefined;
    density?: "default" | "compact" | "comfortable" | null | undefined;
    tone?: "warning" | "neutral" | "info" | "success" | "danger" | null | undefined;
    interactive?: boolean | null | undefined;
    selected?: boolean | null | undefined;
    disabled?: boolean | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
type CardSurfaceSlots = {
    eyebrow?: React.ReactNode;
    title?: React.ReactNode;
    description?: React.ReactNode;
    badge?: React.ReactNode;
    action?: React.ReactNode;
    media?: React.ReactNode;
    content?: React.ReactNode;
    footer?: React.ReactNode;
    mediaClassName?: string;
    bodyClassName?: string;
    headerClassName?: string;
    eyebrowClassName?: string;
    titleClassName?: string;
    descriptionClassName?: string;
    contentClassName?: string;
    footerClassName?: string;
};
export type CardOrientation = "vertical" | "horizontal";
export type CardMediaAspect = "auto" | "square" | "video" | "poster" | "wide";
export type CardPadding = "none" | "sm" | "default" | "lg";
export type CardProps = Omit<React.ComponentProps<"div">, keyof CardSurfaceSlots> & VariantProps<typeof cardVariants> & CardSurfaceSlots & {
    orientation?: CardOrientation;
    mediaPosition?: "start" | "end";
    mediaAspect?: CardMediaAspect;
    padding?: CardPadding;
};
declare function Card({ className, variant, size, density, tone, interactive, selected, disabled, orientation, mediaPosition, mediaAspect, padding, tabIndex, eyebrow, title, description, badge, action, media, content, footer, mediaClassName, bodyClassName, headerClassName, eyebrowClassName, titleClassName, descriptionClassName, contentClassName, footerClassName, children, ...props }: CardProps): React.JSX.Element;
declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
declare function CardAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, cardVariants, };