@primer/react/dist/FormControl/FormControlLeadingVisual.js

An implementation of GitHub's Primer Design System using React

import { useFormControlContext } from "./_FormControlContext.js";
import FormControlLeadingVisual_module_css_default from "./FormControlLeadingVisual.module.css.js";
import { c } from "react-compiler-runtime";
import { jsx } from "react/jsx-runtime";
//#region src/FormControl/FormControlLeadingVisual.tsx
const FormControlLeadingVisual = (t0) => {
	const $ = c(5);
	const { children, style } = t0;
	const { disabled, captionId } = useFormControlContext();
	const t1 = disabled ? "" : void 0;
	const t2 = captionId ? "" : void 0;
	let t3;
	if ($[0] !== children || $[1] !== style || $[2] !== t1 || $[3] !== t2) {
		t3 = /*#__PURE__*/ jsx("div", {
			className: FormControlLeadingVisual_module_css_default.LeadingVisual,
			"data-control-disabled": t1,
			style,
			"data-has-caption": t2,
			"data-component": "FormControl.LeadingVisual",
			children
		});
		$[0] = children;
		$[1] = style;
		$[2] = t1;
		$[3] = t2;
		$[4] = t3;
	} else t3 = $[4];
	return t3;
};
FormControlLeadingVisual.__SLOT__ = Symbol("FormControl.LeadingVisual");
//#endregion
export { FormControlLeadingVisual as default };