@primer/react-brand/esm/Hero/sub-components/HeroButtonGroup.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 { Box as t } from "../../Box/Box.js";
import { useHeroContext as n } from "../HeroContext.js";
import r from "../Hero.module.js";
import { ButtonGroup as i } from "../../ButtonGroup/ButtonGroup.js";
import a, { forwardRef as o } from "react";
import { jsx as s } from "react/jsx-runtime";
//#region src/Hero/sub-components/HeroButtonGroup.tsx
var c = o(({ className: o, children: c, ...l }, u) => {
	let { variant: d, enableAnimation: f } = n(), p = d === "gridline" || d === "gridline-expressive";
	return /* @__PURE__ */ s(p ? t : a.Fragment, {
		...p ? { animate: f ? {
			variant: "slide-in-up",
			delay: 750,
			duration: 1e3
		} : void 0 } : {},
		children: /* @__PURE__ */ s(i, {
			ref: u,
			className: e(r["Hero-actions"], o),
			...l,
			children: c
		})
	});
});
//#endregion
export { c as HeroButtonGroup };

//# sourceMappingURL=HeroButtonGroup.js.map