@hitachivantara/uikit-react-core/dist/FormElement/InfoMessage/InfoMessage.js

UI Kit Core React components.

import { HvTypography } from "../../Typography/Typography.js";
import { setId } from "../../utils/setId.js";
import { HvFormElementContext } from "../context.js";
import { useClasses } from "./InfoMessage.styles.js";
import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
import { useContext } from "react";
import { jsx } from "react/jsx-runtime";
//#region src/FormElement/InfoMessage/InfoMessage.tsx
/**
* Provides the user with additional descriptive text for the form element.
*/
var HvInfoMessage = (props) => {
	const { id: idProp, classes: classesProp, className, children, disabled: disabledProp, disableGutter, ...others } = useDefaultProps("HvInfoMessage", props);
	const { classes, cx } = useClasses(classesProp);
	const context = useContext(HvFormElementContext);
	const disabled = disabledProp ?? context.disabled;
	return /* @__PURE__ */ jsx(HvTypography, {
		id: idProp ?? setId(context.id, "description"),
		className: cx(classes.root, {
			[classes.infoDisabled]: !!disabled,
			[classes.gutter]: !disableGutter
		}, className),
		variant: "body",
		component: "label",
		...others,
		children
	});
};
//#endregion
export { HvInfoMessage };