import React from 'react'; import { UseFormReturn } from 'react-hook-form'; import { FormSectionPropsItem, VariantProps } from '../../utils'; /** * Interface for FormRenderWrapper component props * * @interface FormRenderWrapperProps */ export interface FormRenderWrapperProps { /** * Array of form section items to render * Each item represents a form field with its configuration */ formArray: FormSectionPropsItem[]; /** * Unique name identifier for the form * Used for generating unique keys for form items */ name: string; /** * Number of columns to display form fields in * Defaults to 3 if not specified */ numberOfColumns?: number; /** * React Hook Form's form control object * Contains methods and state for form management */ form: UseFormReturn<{ [x: string]: string | number | boolean | null; [x: number]: string | number | boolean | null; }, any, { [x: string]: string | number | boolean | null; [x: number]: string | number | boolean | null; }>; /** * UI variant style to apply to form fields * Controls the visual appearance of form elements */ variant?: VariantProps; /** * Whether to show error borders on fields with validation errors */ fieldError?: boolean; } /** * Export the FormRenderWrapper component for use in form containers * This component is the main entry point for rendering form fields */ declare const _default: React.MemoExoticComponent<({ formArray, name, numberOfColumns, form, variant, fieldError, }: FormRenderWrapperProps) => import("react/jsx-runtime").JSX.Element>; export default _default;