import React from 'react';
export interface InfoCardFooterData {
    /** Leading icon next to the text, expected at 24x24 (e.g. <ShieldCheckIcon size={24} />) */
    icon?: React.ReactNode;
    text: string;
    /** Trailing icon/logo aligned to the right edge, expected at 24x24 */
    logo?: React.ReactNode;
    /** External resource link rendered below the text row */
    link?: {
        href: string;
        /** Defaults to href without the protocol */
        label?: string;
    };
}
export interface InfoCardData {
    title?: string;
    subtitle?: string;
    icon?: React.ReactNode;
    items: Array<{
        label?: string;
        value: string | string[];
        copyable?: boolean;
        /** Optional trailing icon/logo (e.g. an SVG) rendered next to the value */
        icon?: React.ReactNode;
    }>;
    progress?: {
        value: number;
        warningThreshold?: number;
        criticalThreshold?: number;
        inverted?: boolean;
    };
    /** Optional footer rendered below the content, separated by a divider line */
    footer?: InfoCardFooterData;
}
interface InfoCardProps {
    data: InfoCardData;
    className?: string;
}
export declare function InfoCard({ data, className }: InfoCardProps): React.JSX.Element;
export {};
//# sourceMappingURL=info-card.d.ts.map