import type { FormInstance, FormProps } from "antd/es/form";
import type { Gutter } from "antd/es/grid/row";
import type { FC, ReactNode } from "react";
import type { FormOption, FormValues } from "./FormItemsRenderer";

/**
 * FormBuilder 组件属性
 */
export interface FormBuilderProps extends Omit<FormProps, "form"> {
  /** 表单初始值 */
  values?: FormValues;
  /** 表单配置项数组 */
  options: FormOption[];
  /** 栅格间距，默认 24 */
  gutter?: Gutter | [Gutter, Gutter];
  /** 占据栅格列数，默认 12 */
  span?: number | string;
  /** 自动生成必填规则，默认 true */
  useAutoGenerateRequired?: boolean;
  /** 是否显示操作按钮区域，默认 true */
  showActionButtons?: boolean;
  /** 提交按钮文字，默认 "提交" */
  submitButtonText?: string;
  /** 取消按钮文字，默认 "取消" */
  cancelButtonText?: string;
  /** 是否显示提交按钮，默认 true */
  showSubmitButton?: boolean;
  /** 是否显示取消按钮，默认 true */
  showCancelButton?: boolean;
  /** 自定义操作按钮组 */
  customActionButtons?: ReactNode;
  /** 额外操作按钮组 */
  extraActionButtons?: ReactNode;
  /** 是否处于加载状态，默认 false */
  loading?: boolean;
  /** 表单实例（通过 Form.useForm() 创建） */
  form: FormInstance;
}

/**
 * 表单构建器组件
 */
declare const FormBuilder: FC<FormBuilderProps> & {
  useForm: typeof import("antd").Form.useForm;
  useWatch: typeof import("antd").Form.useWatch;
};

export default FormBuilder;
