import type * as React from 'react';
export type CardPadding = 'none' | 'md';
export type CardAppearance = 'default' | 'glass' | 'glass-shadow' | 'glass-elevated' | 'glass-primary' | 'brand' | 'soft' | 'outline';
export interface CardProps extends React.ComponentProps<'div'> {
size?: 'default' | 'sm';
padding?: CardPadding;
appearance?: CardAppearance;
}
declare function CardRoot({ className, size, padding, appearance, ...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;
export interface CardContentProps extends React.ComponentProps<'div'> {
padding?: CardPadding;
}
declare function CardContent({ className, padding, ...props }: CardContentProps): React.JSX.Element;
declare function CardFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
/**
* Card with composition API.
* Attach sub-components as static properties for convenient access.
*
* @example
* ```tsx
*
*
* Title
* Description
*
* Content
* Footer
*
* ```
*/
declare const Card: typeof CardRoot & {
Root: typeof CardRoot;
Header: typeof CardHeader;
Title: typeof CardTitle;
Description: typeof CardDescription;
Action: typeof CardAction;
Content: typeof CardContent;
Footer: typeof CardFooter;
};
export type CardHeaderProps = React.ComponentProps;
export type CardFooterProps = React.ComponentProps;
export type CardTitleProps = React.ComponentProps;
export type CardActionProps = React.ComponentProps;
export type CardDescriptionProps = React.ComponentProps;
export { Card };