import type {
    ArrayValueType,
    CheckboxOptions,
    FFieldSeparatorState,
    FormBuilderArrayField,
    FormBuilderCategory,
    FormBuilderField,
    FormBuilderGap,
    FormBuilderLabel,
    FormBuilderObjectField,
    FormBuilderSize,
    FormBuilderValues,
    FormBuilderVariant,
    ObjectValueType,
    RadioOption,
    RadioOptions,
} from '../src/index';
declare global {
    namespace JSX {
        interface IntrinsicElements {
            ['f-field-separator']: {
                label?: string | undefined;
                direction?: 'vertical' | 'horizontal' | undefined;
                type?: 'solid' | 'dashed' | 'dotted' | undefined;
                size?: 'large' | 'medium' | undefined;
                state?: FFieldSeparatorState | undefined;
                children?: any;
                ['class']?: string;
            } & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

            ['f-checkbox-group']: {
                value?: CheckboxOptions | undefined;
                direction?: 'vertical' | 'horizontal' | undefined;
                gap?: 'large' | 'medium' | 'small' | 'x-small' | undefined;
                disabled?: boolean | undefined;
                options?: CheckboxOptions;
                state?: 'primary' | 'default' | 'success' | 'warning' | 'danger' | undefined;
                helperText?: string | undefined;
                children?: any;
                ['class']?: string;
            } & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

            ['f-form-array']: {
                config: FormBuilderArrayField;
                value: ArrayValueType;
                gap?: 'large' | 'medium' | 'small' | 'x-small' | undefined;
                state?: 'primary' | 'default' | 'success' | 'warning' | 'danger' | undefined;
                children?: any;
                ['class']?: string;
            } & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

            ['f-form-builder']: {
                field?: FormBuilderField | undefined;
                values?: FormBuilderValues | undefined;
                size?: FormBuilderSize | undefined;
                variant?: FormBuilderVariant | undefined;
                category?: FormBuilderCategory | undefined;
                gap?: FormBuilderGap | undefined;
                separator?: boolean | undefined;
                name: string;
                label?: FormBuilderLabel | undefined;
                children?: any;
                ['class']?: string;
            } & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

            ['f-radio-group']: {
                value?: RadioOption | undefined;
                direction?: 'vertical' | 'horizontal' | undefined;
                gap?: 'large' | 'medium' | 'small' | 'x-small' | undefined;
                disabled?: boolean | undefined;
                options?: RadioOptions;
                state?: 'primary' | 'default' | 'success' | 'warning' | 'danger' | undefined;
                helperText?: string | undefined;
                children?: any;
                ['class']?: string;
            } & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

            ['f-form-object']: {
                config: FormBuilderObjectField;
                value: ObjectValueType;
                gap?: 'large' | 'medium' | 'small' | 'x-small' | undefined;
                state?: 'primary' | 'default' | 'success' | 'warning' | 'danger' | undefined;
                children?: any;
                ['class']?: string;
            } & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
        }
    }
}