import { HTMLAttributes, ReactNode } from 'react';
export type CardVariant = 'elevated' | 'filled' | 'outlined';
export interface CardProps extends HTMLAttributes<HTMLDivElement> {
    variant?: CardVariant;
    interactive?: boolean;
}
export declare const Card: import('react').ForwardRefExoticComponent<CardProps & import('react').RefAttributes<HTMLDivElement>>;
export declare const CardMedia: ({ src, alt }: {
    src: string;
    alt?: string;
}) => import("react/jsx-runtime").JSX.Element;
export declare const CardContent: ({ children }: {
    children: ReactNode;
}) => import("react/jsx-runtime").JSX.Element;
export declare const CardTitle: ({ children }: {
    children: ReactNode;
}) => import("react/jsx-runtime").JSX.Element;
export declare const CardSubtitle: ({ children }: {
    children: ReactNode;
}) => import("react/jsx-runtime").JSX.Element;
export declare const CardBody: ({ children }: {
    children: ReactNode;
}) => import("react/jsx-runtime").JSX.Element;
export declare const CardActions: ({ children }: {
    children: ReactNode;
}) => import("react/jsx-runtime").JSX.Element;