'use client';

import { default as React } from 'react';
export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
    /** Card variant */
    variant?: "elevated" | "bordered" | "shadow" | "flat";
    /** Card radius */
    radius?: "none" | "sm" | "md" | "lg" | "xl";
    /** Card shadow level */
    shadow?: "none" | "sm" | "md" | "lg" | "xl";
    /** Full width card */
    fullWidth?: boolean;
    /** Hoverable card */
    isHoverable?: boolean;
    /** Pressable card */
    isPressable?: boolean;
    /** Disabled state */
    isDisabled?: boolean;
    /** Custom class name */
    className?: string;
    /** Custom styles */
    css?: any;
}
export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
export interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
    className?: string;
    css?: any;
}
export declare const CardHeader: import('@emotion/styled').StyledComponent<{
    theme?: import('@emotion/react').Theme;
    as?: React.ElementType;
} & CardHeaderProps & {
    theme: import('..').Theme;
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export interface CardBodyProps extends React.HTMLAttributes<HTMLDivElement> {
    className?: string;
    css?: any;
}
export declare const CardBody: import('@emotion/styled').StyledComponent<{
    theme?: import('@emotion/react').Theme;
    as?: React.ElementType;
} & CardBodyProps & {
    theme: import('..').Theme;
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
    className?: string;
    css?: any;
}
export declare const CardFooter: import('@emotion/styled').StyledComponent<{
    theme?: import('@emotion/react').Theme;
    as?: React.ElementType;
} & CardFooterProps & {
    theme: import('..').Theme;
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
//# sourceMappingURL=card.d.ts.map