import * as React from 'react'; import { ReactNode } from 'react'; /** * This provider allows its input children to register to a specific group. * This enables other components in the group to access group properties such as its * validation (valid/invalid) or whether its inputs have been updated (dirty/pristine). * * @example * import { Edit, SimpleForm, TextInput, FormGroupContextProvider, useFormGroup } from 'react-admin'; * import { Accordion, AccordionDetails, AccordionSummary, Typography } from '@mui/material'; * * const PostEdit = () => ( * * * * * * } * aria-controls="options-content" * id="options-header" * > * Options * * * * * * * * * ); * * const AccordionSectionTitle = ({ children, name }) => { * const formGroupState = useFormGroup(name); * return ( * * {children} * * ); * } * * @param props The component props * @param {ReactNode} props.children The form group content * @param {String} props.name The form group name */ export declare const FormGroupContextProvider: ({ children, name, }: { children: ReactNode; name: string; }) => React.JSX.Element; //# sourceMappingURL=FormGroupContextProvider.d.ts.map