import { default as React } from 'react';
export interface DetailsCardEntry {
    key: string;
    value: string;
    icon?: string | React.ReactNode;
    ratio?: [number, number];
    used?: string;
    defaultValue?: string;
    endAdornment?: React.ReactNode;
    startAdornment?: React.ReactNode;
}
export interface DetailsCardProps {
    title?: string;
    titleSize?: "sm" | "md" | "lg";
    icon?: string | React.ReactNode;
    data: DetailsCardEntry[];
    endAdornment?: React.ReactNode;
    /** Show the kv pair even if the value is undefined */
    showUndefined?: boolean;
}
/**
 * A card for showing key-value pairs of details with icons and grid ratios.
 */
export declare const DetailsCard: React.FC<DetailsCardProps>;
export default DetailsCard;
