import { FC, HTMLAttributes, Ref } from 'react'; import { CardAppearance, CardSize } from './types'; export interface CardProps extends HTMLAttributes { /** * Specifies the size of the card. * Affects padding, font size, and possibly layout behavior. */ size?: CardSize; /** * Defines the visual style of the card's surface. * Controls background and border visibility. */ appearance?: CardAppearance; /** * Ref forwarded to the card’s root element (`
`). * Useful for DOM measurements, scrolling, or imperative logic. */ ref?: Ref; /** * If true, renders the trigger as a child element using `Slot`. * This enables custom wrappers (e.g., ,
) to inherit behavior. */ asChild?: boolean; } /** A Card is a UI component that groups related content and actions in a visually distinct container, often used for displaying information in a structured format. */ export declare const Card: FC;