import * as React from "react";
interface CardRootProps {
    children: React.ReactNode;
    className?: string;
}
interface CardHeaderProps {
    children: React.ReactNode;
    className?: string;
}
interface CardTitleProps {
    children: React.ReactNode;
    className?: string;
}
interface CardSubtitleProps {
    children: React.ReactNode;
    className?: string;
}
interface CardContentProps {
    children?: React.ReactNode;
    className?: string;
    isLoading?: boolean;
}
interface CardFooterProps {
    children: React.ReactNode;
    className?: string;
}
interface CardProps {
    title: string;
    subtitle?: string;
    content: React.ReactNode;
    footer?: React.ReactNode;
    isLoading?: boolean;
    className?: string;
}
export declare const ValueCard: ({ title, subtitle, content, footer, isLoading, className, }: CardProps) => React.JSX.Element;
export declare const ComposableCard: {
    Root: ({ className, children }: CardRootProps) => React.JSX.Element;
    Header: ({ className, children }: CardHeaderProps) => React.JSX.Element;
    Title: ({ className, children }: CardTitleProps) => React.JSX.Element;
    Subtitle: ({ className, children }: CardSubtitleProps) => React.JSX.Element;
    Content: ({ className, children, isLoading, }: CardContentProps) => React.JSX.Element;
    Footer: ({ className, children }: CardFooterProps) => React.JSX.Element;
};
export {};
//# sourceMappingURL=ValueCard.d.ts.map