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