import * as React from 'react';
import {SIZE} from '../../constants';
import {IconName} from '@unidata/icon';

export type SizeClassNames = 'sizeXs' | 'sizeS' | 'sizeM' | 'sizeL' | 'sizeXl';

export type Props = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'disabled' | 'prefix' |
    'defaultValue' | 'value'> & {
    value?: number | string;
    defaultValue?: number | string;

    forwardRef?: React.RefObject<HTMLInputElement>;

    onPressEnter?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
    onPressEscape?: (e: React.KeyboardEvent<HTMLInputElement>) => void;

    size?: SIZE;
    errorMessage?: React.ReactNode;

    prefix?: React.ReactNode | IconName;
    suffix?: React.ReactNode | IconName;
    onPrefixClick?: (e: React.MouseEvent) => void;
    onSuffixClick?: (e: React.MouseEvent) => void;
    allowClear?: boolean;

    hasError?: boolean;
    isDisabled?: boolean;
}