import { IconProp } from "@fortawesome/fontawesome-svg-core";
import cx from "classnames";
import type { ReactNode } from "react";
import "./overview.scss";
export declare const OVERVIEW_CARD_MIN_WIDTH = 320;
export declare const OVERVIEW_CARD_MIN_WIDTH_CLASS_NAME = "ctw-min-w-[320px]";
export type OverviewCardProps = {
    children?: ReactNode;
    className?: cx.Argument;
    footerIcon?: IconProp;
    footerOnClick?: () => void;
    footerText?: string;
    hideFooter?: boolean;
    icon?: IconProp | ReactNode;
    isLoading?: boolean;
    noShadow?: boolean;
    title: string;
    tooltipText?: string;
    titleClassName?: cx.Argument;
    titleSize?: "sm" | "base";
};
export declare const OverviewCard: ({ children, className, footerIcon, footerOnClick, footerText, hideFooter, icon, isLoading, noShadow, title, tooltipText, titleClassName, titleSize, }: OverviewCardProps) => JSX.Element;
type OverviewCardHeaderProps = Pick<OverviewCardProps, "icon" | "title" | "tooltipText" | "className" | "titleSize">;
export declare const OverviewCardHeader: ({ icon, title, tooltipText, className, titleSize, }: OverviewCardHeaderProps) => JSX.Element;
export declare const OverviewCardBody: ({ children }: {
    children: React.ReactNode;
}) => JSX.Element;
export declare const OverviewCardBodyMessage: ({ message }: {
    message?: string | React.ReactNode;
}) => JSX.Element;
export declare const OverviewCardFooter: ({ text, onClick, icon, }: {
    text: string;
    onClick?: (() => void) | undefined;
    icon?: IconProp | undefined;
}) => JSX.Element;
export {};
//# sourceMappingURL=overview-card.d.ts.map