/* eslint-disable */
import type { VueConstructor } from "vue";
import type {
	CheckboxOptions,
	FFieldSeparatorState,
	FormBuilderArrayField,
	ArrayValueType,
	FormBuilderLabel,
	FormBuilderField,
	FormBuilderValues,
	FormBuilderSize,
	FormBuilderVariant,
	FormBuilderCategory,
	FormBuilderGap,
	FormBuilderObjectField,
	ObjectValueType,
	RadioOptions,
	RadioOption
} from "../src/index";
declare module "vue" {
	export interface GlobalComponents {
		"f-checkbox-group": VueConstructor<
			{
				$props: {
					options?: CheckboxOptions;

					state?: "primary" | "default" | "success" | "warning" | "danger" | undefined;

					value?: CheckboxOptions | undefined;

					direction?: "vertical" | "horizontal" | undefined;

					gap?: "large" | "medium" | "small" | "x-small" | undefined;

					helperText?: string | undefined;

					disabled?: boolean | undefined;
				};
			} & Vue
		>;

		"f-field-separator": VueConstructor<
			{
				$props: {
					label?: string | undefined;

					type?: "solid" | "dashed" | "dotted" | undefined;

					size?: "large" | "medium" | undefined;

					state?: FFieldSeparatorState | undefined;

					direction?: "vertical" | "horizontal" | undefined;
				};
			} & Vue
		>;

		"f-form-array": VueConstructor<
			{
				$props: {
					config?: FormBuilderArrayField;

					value?: ArrayValueType;

					state?: "primary" | "default" | "success" | "warning" | "danger" | undefined;

					gap?: "large" | "medium" | "small" | "x-small" | undefined;
				};
			} & Vue
		>;

		"f-form-builder": VueConstructor<
			{
				$props: {
					name?: string;

					label?: FormBuilderLabel | undefined;

					field?: FormBuilderField | undefined;

					values?: FormBuilderValues | undefined;

					size?: FormBuilderSize | undefined;

					variant?: FormBuilderVariant | undefined;

					category?: FormBuilderCategory | undefined;

					gap?: FormBuilderGap | undefined;

					separator?: boolean | undefined;
				};
			} & Vue
		>;

		"f-form-object": VueConstructor<
			{
				$props: {
					config?: FormBuilderObjectField;

					value?: ObjectValueType;

					state?: "primary" | "default" | "success" | "warning" | "danger" | undefined;

					gap?: "large" | "medium" | "small" | "x-small" | undefined;
				};
			} & Vue
		>;

		"f-radio-group": VueConstructor<
			{
				$props: {
					options?: RadioOptions;

					state?: "primary" | "default" | "success" | "warning" | "danger" | undefined;

					value?: RadioOption | undefined;

					direction?: "vertical" | "horizontal" | undefined;

					gap?: "large" | "medium" | "small" | "x-small" | undefined;

					helperText?: string | undefined;

					disabled?: boolean | undefined;
				};
			} & Vue
		>;
	}
}