import { HTMLAttributes, ReactNode } from "react";
import { AutocompleteRenderOptionState, SxProps, Theme } from "@mui/material";
import * as Yup from "yup";
import { Control, UnpackNestedValue, UseFormReset, UseFormReturn, UseFormSetValue } from "react-hook-form";
import dayjs from "dayjs";
export declare type DefaultFormModalType = "string" | "textarea" | "number" | "select" | "password" | "multiple-select" | "async-select" | "date-time-picker";
export interface DefaultFormModelProps {
    type: DefaultFormModalType;
    label: string | ReactNode;
    name?: string;
    sx?: SxProps<Theme>;
}
export declare type DefaultOptionsProps = {
    label: string;
    value: string;
};
interface OptionsFormModelProps extends DefaultFormModelProps {
    options: DefaultOptionsProps[];
}
interface NumberFormModelProps extends DefaultFormModelProps {
    suffix?: string;
    decimalScale?: number;
    prefix?: string;
    allowNegative?: boolean;
}
interface MultipleSelectFormModelProps extends DefaultFormModelProps {
    options: string[];
    limitTags?: number;
    mappingLabel?: string;
}
interface AsyncSelectFormModelProps<K> extends DefaultFormModelProps {
    options: K[];
    setInputValue: any;
    setValue: any;
    setOptions: any;
    getOptionLabel: (option: K) => string;
    renderOption?: (props: HTMLAttributes<HTMLLIElement>, option: K, state: AutocompleteRenderOptionState) => ReactNode;
    isOptionEqualToValue: (option: K, value: K) => boolean;
}
interface DateTimePickerProps extends DefaultFormModelProps {
    minDateTime?: dayjs.Dayjs;
    inputFormat?: string;
}
interface TextAreaFormProps extends DefaultFormModelProps {
    rows?: number;
}
export declare type FormModelProps<T extends {}> = ({
    type: "select";
} & OptionsFormModelProps) | ({
    type: "number";
} & NumberFormModelProps) | ({
    type: "multiple-select";
} & MultipleSelectFormModelProps) | ({
    type: "async-select";
} & AsyncSelectFormModelProps<T>) | ({
    type: "date-time-picker";
} & DateTimePickerProps) | ({
    type: "textarea";
} & TextAreaFormProps) | ({
    type: "string" | "password";
} & DefaultFormModelProps);
export declare type FormModel<T = {}> = {
    [key: string]: FormModelProps<T>;
};
export declare type FormButtonProps<T> = {
    control: Control<T, object>;
    currentValue: UnpackNestedValue<T>;
    setValue: UseFormSetValue<T>;
    reset: UseFormReset<T>;
};
export declare type FormBaseProps<T, K = {}> = {
    formModel: FormModel<K>;
    onFinish: (values: UnpackNestedValue<T>) => void;
    initialValue?: T;
    formButton?: ((props: FormButtonProps<T>) => ReactNode) | ReactNode;
    validationSchema?: Yup.SchemaOf<T>;
    form?: UseFormReturn<T, object>;
    breakpoints?: {
        [Key: string]: number;
    };
    enableReInitialValue?: boolean;
};
export {};