@nish1896/rhf-mui-components
Version:
A suite of 20+ reusable Material UI components for React Hook Form to minimize your time and effort in creating and styling forms
16 lines (15 loc) • 844 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { Fragment, useContext } from 'react';
import MuiFormHelperText from '@mui/material/FormHelperText';
import { RHFMuiConfigContext } from '../../config/ConfigProvider';
const FormHelperText = (props) => {
const { formHelperTextProps, error, errorMessage, helperText, hideErrorMessage } = props;
const { defaultFormHelperTextSx } = useContext(RHFMuiConfigContext);
const { sx, ...otherHelperTextProps } = formHelperTextProps ?? {};
const appliedHelperTextSx = {
...defaultFormHelperTextSx,
...sx,
};
return (_jsx(Fragment, { children: _jsx(MuiFormHelperText, { ...otherHelperTextProps, component: "div", sx: appliedHelperTextSx, error: error, children: error && !hideErrorMessage ? errorMessage : helperText }) }));
};
export default FormHelperText;