import React from 'react';
import { SxProps } from '@mui/material';
import { DefaultTheme as Theme } from '@mui/styles';
import { FieldProps } from 'formik';
interface RenderProps {
    handleChange: (value: any) => void;
    handleBlur: (value: any) => void;
}
export interface DefaultStyleProps {
    defaultStyle?: boolean;
    forceDefaultStyle?: boolean;
}
interface Props extends FieldProps, DefaultStyleProps {
    children: (childProps: RenderProps) => React.ReactNode;
    className?: string;
    sx?: SxProps<Theme>;
    description?: string;
    disabled?: boolean;
    optional?: boolean | string;
    label?: string;
    onExampleClick?: () => void;
}
/**
 *  This component uses MUI's `FormControl` component as a wrapper, and
 *  returns a render prop pattern with handlers for `onChange` and `onBlur` that will update the formik field
 */
export default function FieldFormControl({ children, label, description, disabled, className, sx, optional, onExampleClick, defaultStyle, forceDefaultStyle, ...fieldProps }: Props): JSX.Element;
export {};