import { GridLegacyProps as GridProps } from '@mui/material/GridLegacy';
import React, { ReactNode } from 'react';
import { RegisterOptions } from 'react-hook-form';
import { TypographyProps } from '@mui/material/Typography';
import { CustomAutocompleteProps } from '../custom-auto-complete/CustomAutoComplete';
import { TextFieldProps } from '@mui/material/TextField';
import { ICustomCheckboxProps } from './components/UFCheckbox';
import { ICustomNumericInputProps } from '../custom-input/CustomNumericInput';
import { RadioProps } from '@mui/material/Radio';
import { CheckboxListProps } from "./checkbox-list/CheckboxList";
import { ICustomUploaderProps } from "../custom-uploader/CustomUploader";
import { RadioGroupProps } from "@mui/material";
import { FormControlLabelProps } from "@mui/material/FormControlLabel";
import { ICustomSwitchProps } from './components/UFSwitch';
import { ICustomDatePickerProps } from '../custom-date-picker/CustomDatePicker';
export interface IFormOption {
    value: string | number;
    label: string;
    labelProp?: any;
    disabled?: boolean;
}
interface IBaseForm {
    name: string;
    label: React.ReactNode;
    rules?: RegisterOptions;
    defaultValue?: any;
    placeholder?: string;
    gridItemProp?: GridProps;
    labelProps?: Partial<TypographyProps<any>> | undefined;
    helperText?: string;
    withoutHelperText?: boolean;
    variant?: 'outlined' | 'filled' | 'standard';
    inputLabelMode?: TInputLabelMode;
    disabled?: boolean;
    readonly?: boolean;
    itemProps?: any;
}
export interface IRadioForm extends IBaseForm {
    type?: 'radio';
    radioProps?: RadioProps;
    radioGroupProps?: Partial<RadioGroupProps>;
    formControlLabelProps?: Partial<FormControlLabelProps>;
    options?: IFormOption[];
    itemProps?: RadioProps;
}
export interface ISelectForm extends IBaseForm {
    type?: 'select';
    props?: TextFieldProps;
    itemProps?: TextFieldProps;
    options?: IFormOption[];
}
export interface IMultiSelectForm extends IBaseForm {
    type?: 'multi-select';
    props?: Partial<TextFieldProps>;
    itemProps?: Partial<TextFieldProps>;
    options?: IFormOption[];
}
export interface IAutoCompleteForm extends IBaseForm {
    type?: 'auto-complete';
    isLoading?: boolean;
    props?: Partial<CustomAutocompleteProps>;
    itemProps?: Partial<CustomAutocompleteProps>;
    options?: IFormOption[];
    onReachEnd?: () => void;
    onSearch?: (value: any) => void;
}
export interface ICheckboxForm extends IBaseForm {
    type?: 'checkbox';
    props?: Partial<ICustomCheckboxProps>;
    formControlLabelProps?: Partial<FormControlLabelProps>;
    itemProps?: Partial<ICustomCheckboxProps>;
}
export interface ISwitchForm extends IBaseForm {
    type?: 'switch';
    props?: Partial<ICustomSwitchProps>;
}
export interface IDatePickerForm extends IBaseForm {
    type?: 'date-picker';
    props?: Partial<ICustomDatePickerProps>;
    itemProps?: Partial<ICustomDatePickerProps>;
}
/** @deprecated Use IDatePickerForm */
export type IDatePickerMobileForm = IDatePickerForm;
export interface ITimeForm extends IBaseForm {
    type?: 'time';
    props?: Partial<TextFieldProps>;
    hourProp?: Partial<TextFieldProps>;
    minuteProp?: Partial<TextFieldProps>;
}
export interface ITextAreaForm extends IBaseForm {
    type?: 'text-area';
    props?: Partial<TextFieldProps>;
    itemProps?: Partial<TextFieldProps>;
}
export interface ICurrencyForm extends IBaseForm {
    type?: 'currency';
    props?: Partial<ICustomNumericInputProps>;
    itemProps?: Partial<ICustomNumericInputProps>;
    currencyIcon?: ReactNode;
}
export interface IMultiCheckboxForm extends IBaseForm {
    options: IFormOption[];
    type?: 'multi-checkbox';
    multiple?: boolean;
    props?: Partial<Omit<CheckboxListProps, "multiple" | "options" | "onChange" | "value">>;
    itemProps?: Partial<Omit<CheckboxListProps, "multiple" | "options" | "onChange" | "value">>;
}
export interface IUploaderForm extends IBaseForm {
    type?: "uploader";
    multiple?: boolean;
    onDelete?: (index: number) => void;
    props?: Partial<ICustomUploaderProps>;
    itemProps?: Partial<ICustomUploaderProps>;
}
export interface ITextFieldForm extends IBaseForm {
    type?: 'text' | 'email' | 'password' | 'number' | "tel";
    props?: Partial<TextFieldProps>;
    itemProps?: Partial<TextFieldProps>;
}
export type TSchema = ITextFieldForm | ICurrencyForm | ITextAreaForm | IDatePickerForm | ITimeForm | ICheckboxForm | IAutoCompleteForm | IMultiSelectForm | ISelectForm | IRadioForm | ISwitchForm | IUploaderForm | IMultiCheckboxForm;
export type TFormSchema = TSchema[];
export type TFormTheme = {
    text?: Partial<TextFieldProps>;
    email?: Partial<TextFieldProps>;
    password?: Partial<TextFieldProps>;
    tel?: Partial<TextFieldProps>;
    number?: Partial<TextFieldProps>;
    uploader?: {
        uploaderProps?: Partial<ICustomUploaderProps>;
    };
    multiCheckbox?: {
        multiCheckboxProps?: Partial<Omit<CheckboxListProps, "multiple" | "options" | "onChange" | "value">>;
    };
    currency?: {
        currencyProps?: Partial<ICustomNumericInputProps>;
    };
    textArea?: {
        textAreaProps?: Partial<TextFieldProps>;
    };
    datePicker?: {
        datePickerProps?: Partial<ICustomDatePickerProps>;
    };
    checkbox?: {
        checkboxProps?: Partial<ICustomCheckboxProps>;
        formControlLabelProps?: Partial<FormControlLabelProps>;
    };
    autoComplete?: {
        autoCompleteProps?: Partial<CustomAutocompleteProps>;
    };
    multiSelect?: {
        multiSelectProps?: Partial<TextFieldProps>;
    };
    'select'?: {
        selectProps: Partial<TextFieldProps>;
    };
    radio?: {
        radioProps?: Partial<RadioProps>;
        radioGroupProps?: Partial<RadioGroupProps>;
        formControlLabelProps?: Partial<FormControlLabelProps>;
    };
};
export type TInputLabelMode = 'static' | 'relative';
export {};