@primer/react-brand/esm/Hero/sub-components/HeroHeading.js

Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.

import e from "../../node_modules/clsx/dist/clsx.js";
import { useHeroContext as t } from "../HeroContext.js";
import n from "../Hero.module.js";
import { Heading as r } from "../../Heading/Heading.js";
import { forwardRef as i } from "react";
import { jsx as a } from "react/jsx-runtime";
//#region src/Hero/sub-components/HeroHeading.tsx
var o = i(({ children: i, fullWidth: o = !1, size: s = "1", ...c }, l) => {
	let { hasInlineMedia: u, variant: d, enableAnimation: f } = t();
	return /* @__PURE__ */ a(r, {
		animate: (d === "gridline" || d === "gridline-expressive") && f ? {
			variant: "reveal-in-up",
			delay: 0,
			duration: 1e3
		} : void 0,
		id: "hero-section-brand-heading",
		className: e(n["Hero-heading"], o && n["Hero-heading--fullWidth"]),
		as: "h1",
		size: u ? "2" : s,
		ref: l,
		...c,
		children: i
	});
});
//#endregion
export { o as HeroHeading };

//# sourceMappingURL=HeroHeading.js.map