export declare enum KeyValuePairStateType {
    vertical = 0,
    horizontal = 1
}
export declare enum KeyValuePairSize {
    SMALL = "sm",
    MEDIUM = "md",
    LARGE = "lg"
}
export type TextOverflowMode = 'truncate' | 'wrap' | 'wrap-clamp';
export type KeyValuePairPropTypes = {
    keyString: string;
    size?: KeyValuePairSize;
    value?: string;
    keySlot?: React.ReactNode;
    valueLeftSlot?: React.ReactNode;
    valueRightSlot?: React.ReactNode;
    keyValuePairState?: KeyValuePairStateType;
    maxWidth?: string;
    /**
     * Controls how text overflow is handled for both key and value
     * - 'truncate': Single line with ellipsis (default, all browsers)
     * - 'wrap': Allow natural text wrapping (all browsers)
     * - 'wrap-clamp': Wrap with line limit and ellipsis (Chrome/Edge/Safari/Firefox 68+, graceful fallback for older browsers)
     *
     * Note: 'wrap-clamp' uses -webkit-line-clamp which is widely supported but non-standard.
     * In unsupported browsers, text will wrap naturally without the line limit.
     *
     * @default 'truncate'
     */
    textOverflow?: TextOverflowMode;
    /**
     * Maximum number of lines to display when textOverflow is 'wrap-clamp'
     * @default 2
     */
    maxLines?: number;
    /**
     * Show tooltip on hover when text is truncated
     * @default true
     */
    showTooltipOnTruncate?: boolean;
};