@primer/react-brand/esm/Hero/sub-components/HeroDescription.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 { Text as n } from "../../Text/Text.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/HeroDescription.tsx
var o = i(({ size: i = "200", weight: o = "normal", children: s, variant: c = "muted", className: l }, u) => {
	let { variant: d, enableAnimation: f } = t();
	return /* @__PURE__ */ a(n, {
		animate: (d === "gridline" || d === "gridline-expressive") && f ? {
			variant: "slide-in-up",
			delay: 500,
			duration: 1e3
		} : void 0,
		ref: u,
		className: e(r["Hero-description"], l),
		as: "p",
		size: i,
		weight: o,
		variant: c,
		children: s
	});
});
//#endregion
export { o as HeroDescription };

//# sourceMappingURL=HeroDescription.js.map