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

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

import { Box as e } from "../../Box/Box.js";
import { useHeroContext as t } from "../HeroContext.js";
import { Button as n } from "../../Button/Button.js";
import r, { forwardRef as i } from "react";
import { jsx as a } from "react/jsx-runtime";
//#region src/Hero/sub-components/HeroSecondaryAction.tsx
var o = i(({ href: i, as: o = "a", children: s, ...c }, l) => {
	let { variant: u, enableAnimation: d } = t(), f = u === "gridline" || u === "gridline-expressive";
	return /* @__PURE__ */ a(f ? e : r.Fragment, {
		...f ? { animate: d ? {
			variant: "slide-in-up",
			delay: 750,
			duration: 1e3
		} : void 0 } : {},
		children: /* @__PURE__ */ a(n, {
			ref: l,
			as: o,
			variant: "secondary",
			size: "medium",
			href: i,
			...c,
			children: s
		})
	});
});
//#endregion
export { o as HeroSecondaryAction };

//# sourceMappingURL=HeroSecondaryAction.js.map