/*! ratio-ui · design system for knowledge sharing · https://github.com/losol/ratio-ui · (c) 2026 Losol AS · MPL-2.0 */
import "react";
import { jsx } from "react/jsx-runtime";
//#region src/forms/common/InputDescription.tsx
var styles = { description: "block mb-2" };
/**
* Renders a description element with optional custom styling.
*
* Designed to be used in conjunction with input elements, it provides an accessible
* and stylized way to label forms. If no children are provided, the component renders
* `null` to avoid rendering an empty label element.
*
* @param {LabelProps} props - The properties passed to the label component.
* @returns {React.ReactElement | null} The Label component or null if no children are provided.
*/
var InputDescription = ({ children, className }) => {
	if (!children) return null;
	return /* @__PURE__ */ jsx("p", {
		className: className ?? styles.description,
		children
	});
};
//#endregion
export { InputDescription };

//# sourceMappingURL=InputDescription.js.map