import * as react from 'react';
import { CSSProperties, ReactNode } from 'react';

type CardVariant = "outline" | "raised" | "sunken";
type CardPadding = "none" | "sm" | "md" | "lg";
type CardRadius = "sm" | "md" | "lg" | "xl";
interface CardProps {
    variant?: CardVariant;
    padding?: CardPadding;
    radius?: CardRadius;
    /** Warm the border on hover; renders as a button when onClick is set. */
    interactive?: boolean;
    onClick?: () => void;
    className?: string;
    style?: CSSProperties;
    children?: ReactNode;
    "aria-label"?: string;
}
declare const Card: react.ForwardRefExoticComponent<CardProps & react.RefAttributes<HTMLDivElement>>;

export { Card, type CardPadding, type CardProps, type CardRadius, type CardVariant };