import { default as React, ElementType, ReactNode } from 'react'; import { BorderColor, ElementElevation, ElementShape, SurfaceColor } from '../../utils'; import { ElementAnimation } from '../../types'; import { BoxBaseProps } from '../base'; export type CardVariant = 'elevated' | 'filled' | 'outlined'; /** * Props for {@link Card}. * * Card surface built on top of {@link BoxBase}. * * @category Card */ export interface CardProps extends Omit { /** Underlying element/component. Default: `article`. */ as?: ElementType; /** Card content. */ children?: ReactNode; /** Removes default inner spacing from the card content area. */ flush?: boolean; /** Card variant. Default: `elevated`. */ variant?: CardVariant; /** Whether the card is visible. */ open?: boolean; /** Motion value (`MotionAnimation` or full motion config). */ animation?: ElementAnimation; /** Surface color token override. */ color?: SurfaceColor; /** Elevation override. */ elevation?: ElementElevation; /** Shape token. Default: `rounded` (MD3 medium corner). */ shape?: ElementShape; /** Border color override (used by outlined cards). */ borderColor?: BorderColor; /** Accessible label for cards without visible title. */ 'aria-label'?: string; } export declare const Card: React.ForwardRefExoticComponent>;