import React, { type MouseEventHandler, type ReactNode } from 'react';
import { type BoxProps } from '../Box/Box';
import { type TextProps } from '../Text/Text';
export interface FunKeyValueProps {
    keyIcon?: ReactNode;
    keyText: string;
    valueIcon?: ReactNode;
    valueText: ReactNode;
    disclaimerText?: string;
    onClick?: MouseEventHandler | null;
    hasBorder?: boolean;
    keyTextColor?: BoxProps['color'];
    keyTextSize?: TextProps['size'];
    keyTextWeight?: TextProps['weight'];
    keyGap?: BoxProps['gap'];
    keySectionMaxWidth?: BoxProps['maxWidth'];
    valueTextColor?: BoxProps['color'];
    valueTextSize?: TextProps['size'];
    valueTextWeight?: TextProps['weight'];
    valueGap?: BoxProps['gap'];
    reverseValueItems?: boolean;
    customValueComponent?: ReactNode;
    disclaimerTextColor?: BoxProps['color'];
    backgroundBaseColor?: Extract<BoxProps['background'], string>;
    borderColorBase?: Extract<BoxProps['borderColor'], string>;
    borderColorHover?: Extract<BoxProps['borderColor'], string>;
    paddingY?: BoxProps['paddingY'];
    paddingX?: BoxProps['paddingX'];
    isDisabled?: boolean;
}
export declare function FunKeyValue({ keyIcon, keyText, valueIcon, valueText, disclaimerText, onClick, hasBorder, backgroundBaseColor, // 'actionButtonSecondaryBackground'
borderColorBase, borderColorHover, keyTextColor, keyTextSize, keyTextWeight, keyGap, keySectionMaxWidth, valueTextColor, valueTextSize, valueTextWeight, valueGap, reverseValueItems, customValueComponent, disclaimerTextColor, paddingY, paddingX, isDisabled, }: FunKeyValueProps): React.JSX.Element;