@primer/react-brand/esm/Hero/sub-components/HeroLabel.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 { TextCursorAnimation as n } from "../../TextCursorAnimation/TextCursorAnimation.js";
import r from "../Hero.module.js";
import { forwardRef as i } from "react";
import { jsx as a } from "react/jsx-runtime";
//#region src/Hero/sub-components/HeroLabel.tsx
var o = i(({ children: i, className: o, variant: s = "muted", animate: c = !1, animationDelay: l = 1e3, ...u }, d) => {
	let { variant: f, enableAnimation: p } = t(), m = f === "gridline" || f === "gridline-expressive", h = p || c, g = m && p || c;
	return /* @__PURE__ */ a("span", {
		ref: d,
		className: e(r["Hero-label"], o),
		...u,
		children: /* @__PURE__ */ a(n, {
			variant: s,
			animate: h,
			delay: g ? l : 0,
			children: i
		})
	});
});
//#endregion
export { o as HeroLabel };

//# sourceMappingURL=HeroLabel.js.map