import { default as React } from 'react';
import { default as IFormGroupProps } from './IFormGroupProps';
/**
 * A flexible form group component that wraps form elements in a styled container with a label.
 * Uses CSS Grid for layout with configurable number of columns.
 * @param props {@link IFormGroupProps} - Props for the FormGroup component
 * @returns The rendered FormGroup component
 *
 * @example
 * ```tsx
 * // Default
 * function App() {
 *   return (
 *     <FormGroup label="Personal Information" columns={2}>
 *       <Input label="First Name" placeholder="John" />
 *       <Input label="Last Name" placeholder="Doe" />
 *       <Input label="Email" type="email" />
 *     </FormGroup>
 *   );
 * }
 * ```
 *
 * @param {IFormGroupProps} props - The component props
 * @param {string} props.label - The label text to display for the form group
 * @param {number} [props.columns=2] - The number of columns for the grid layout (1-12)
 * @param {React.ReactNode} props.children - The form elements to be rendered inside the form group
 *
 * @returns {JSX.Element} A fieldset containing the form group with label and children
 */
declare const FormGroup: React.FC<IFormGroupProps>;
export default FormGroup;