import {InputHTMLAttributes, ReactNode} from 'react';
import {ColorsNameType} from '../../../../types/entities/colors-name';

export type IInputColorType = ColorsNameType;
export interface IInput extends InputHTMLAttributes<HTMLInputElement> {
    id?: string;
    endAdornment?: ReactNode;
    startAdornment?: ReactNode;
    disabled?: boolean;
    error?: boolean;
    label?: string;
    hint?: string;
    containerClassName?: string;
    autoComplete?: 'off' | 'on';
    color?: IInputColorType;
    placeholder?: string;
    mandatory?: boolean;
}

export interface IInputDescription {
    error?: boolean;
}

export interface IInputContainer {
    error?: boolean;
    color?: IInputColorType;
    disabled?: boolean;
}

export interface IInputField {
    error?: boolean;
    color?: IInputColorType;
}