import React, { MouseEvent } from 'react';
import { Item, ValueObject } from './types';
import { FormFieldValidity } from '../form-field/validity-shape';
type OnChangeEvent = Item;
type KeyValueInputsProps = {
    /** Name of property (like a key of key/value) */
    name: string | number;
    /** Value of property (like a value of key/value) */
    value?: string | number;
    /** True to disable inputs, false to enable inputs */
    isDisabled?: boolean;
    disabledPairs?: ValueObject;
    /** Change handler */
    onChange?: (event: OnChangeEvent) => void;
    /** Delete handler */
    onDelete?: (event: MouseEvent<HTMLButtonElement>) => void;
    /** Validity shape, passed to mark input as red when error occurs */
    validity?: FormFieldValidity;
    /** Aria label text to display for the delete icon-button */
    deleteKeyValueText: string;
    /** Label for the key column */
    keyLabel?: string;
    /** Label for the value column */
    valueLabel?: string;
    /** Key input aria label. Should be passed if usual keyLabel is undefined  */
    keyInputAriaLabel?: string;
    /** Value input aria label. Should be passed if usual valueLabel is undefined  */
    valueInputAriaLabel?: string;
    id?: string;
};
declare const KeyValueInputs: React.ForwardRefExoticComponent<KeyValueInputsProps & React.RefAttributes<HTMLInputElement>>;
export { KeyValueInputs };
