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<HTMLDivElement>, 'size' | 'disabled' | 'prefix' | 'readonly' | 'onFocus'> & {
    forwardRef?: React.RefObject<HTMLDivElement>;
    prefixRef?: React.RefObject<HTMLSpanElement>;
    suffixRef?: React.RefObject<HTMLSpanElement>;

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

    prefix?: React.ReactNode | IconName;
    suffix?: React.ReactNode | IconName;
    onPrefixClick?: (e: React.MouseEvent) => void;
    onSuffixClick?: (e: React.MouseEvent) => void;
    onClickOutside?: (e: MouseEvent) => void;
    onWrapperFocus?: (e: FocusEvent) => void;

    hasError?: boolean;
    isDisabled?: boolean;
    isReadOnly?: boolean;
    isFocused?: boolean;
    transparent?: boolean;
};