import { VariantProps } from 'class-variance-authority';
import { JSX } from 'solid-js';
declare const cardVariants: (props?: ({
    variant?: "default" | "outlined" | "elevated" | null | undefined;
    styleVariant?: "default" | "retro" | "rounded" | "clean" | null | undefined;
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
export interface CardProps extends JSX.HTMLAttributes<HTMLDivElement>, Omit<VariantProps<typeof cardVariants>, "styleVariant"> {
    className?: string;
}
export declare function Card(props: CardProps): JSX.Element;
export declare namespace Card {
    var displayName: string;
}
export { cardVariants };
export type CardHeaderProps = JSX.HTMLAttributes<HTMLDivElement> & {
    className?: string;
};
export declare function CardHeader(props: CardHeaderProps): JSX.Element;
export declare namespace CardHeader {
    var displayName: string;
}
export type CardTitleProps = JSX.HTMLAttributes<HTMLHeadingElement> & {
    className?: string;
};
export declare function CardTitle(props: CardTitleProps): JSX.Element;
export declare namespace CardTitle {
    var displayName: string;
}
export type CardDescriptionProps = JSX.HTMLAttributes<HTMLParagraphElement> & {
    className?: string;
};
export declare function CardDescription(props: CardDescriptionProps): JSX.Element;
export declare namespace CardDescription {
    var displayName: string;
}
export type CardContentProps = JSX.HTMLAttributes<HTMLDivElement> & {
    className?: string;
};
export declare function CardContent(props: CardContentProps): JSX.Element;
export declare namespace CardContent {
    var displayName: string;
}
export type CardFooterProps = JSX.HTMLAttributes<HTMLDivElement> & {
    className?: string;
};
export declare function CardFooter(props: CardFooterProps): JSX.Element;
export declare namespace CardFooter {
    var displayName: string;
}