import * as React from 'react';

declare function Card({ className, size, ref, ...props }: React.ComponentProps<'div'> & {
    size?: 'default' | 'sm';
}): React.JSX.Element;
declare function CardHeader({ className, ref, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
declare function CardTitle({ className, ref, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
declare function CardDescription({ className, ref, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
declare function CardAction({ className, ref, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
declare function CardContent({ className, ref, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
declare function CardFooter({ className, ref, ...props }: React.ComponentProps<'div'>): React.JSX.Element;

type CardProps = React.ComponentProps<typeof Card>;
type CardHeaderProps = React.ComponentProps<typeof CardHeader>;
type CardTitleProps = React.ComponentProps<typeof CardTitle>;
type CardDescriptionProps = React.ComponentProps<typeof CardDescription>;
type CardActionProps = React.ComponentProps<typeof CardAction>;
type CardContentProps = React.ComponentProps<typeof CardContent>;
type CardFooterProps = React.ComponentProps<typeof CardFooter>;

export { Card, CardAction, type CardActionProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps };