@nish1896/rhf-mui-components
Version:
A suite of 20+ production-ready react-hook-form components built with material-ui. Fully typed, tree-shakable, and optimized for enterprise-grade forms.
23 lines (22 loc) • 923 B
JavaScript
import { RHFMuiConfigContext } from "../config/ConfigProvider.js";
import { Fragment, useContext } from "react";
import { jsx } from "react/jsx-runtime";
import MuiFormHelperText from "@mui/material/FormHelperText";
//#region src/common/FormHelperText.tsx
const FormHelperText = ({ formHelperTextProps, error, errorMessage, helperText, hideErrorMessage, showHelperTextElement }) => {
const { defaultFormHelperTextSx } = useContext(RHFMuiConfigContext);
const { sx, ...otherHelperTextProps } = formHelperTextProps ?? {};
const appliedHelperTextSx = {
...defaultFormHelperTextSx,
...sx
};
return /* @__PURE__ */ jsx(Fragment, { children: showHelperTextElement && /* @__PURE__ */ jsx(MuiFormHelperText, {
...otherHelperTextProps,
component: "div",
sx: appliedHelperTextSx,
error,
children: error && !hideErrorMessage ? errorMessage : helperText
}) });
};
//#endregion
export { FormHelperText as default };