@primer/react-brand/esm/Hero/sub-components/HeroImage.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 { Image as r } from "../../Image/Image.js";
import { forwardRef as i } from "react";
import { jsx as a } from "react/jsx-runtime";
//#region src/Hero/sub-components/HeroImage.tsx
var o = i(({ position: i = "block-end", padding: o = "default", className: s, enableBorder: c, ...l }, u) => {
	let { variant: d, enableAnimation: f } = t(), p = i.startsWith("inline");
	return /* @__PURE__ */ a(r, {
		animate: d === "gridline" && f ? {
			variant: "slide-in-up",
			delay: 0,
			duration: 1e3
		} : void 0,
		ref: u,
		className: e(n["Hero-image"], n["Hero-media"], n[`Hero-media--pos-${i}`], p && n["Hero-media--pos-inline"], o === "all" && n["Hero-media--padding-all"], o === "none" && n["Hero-media--padding-none"], s),
		...l
	});
});
//#endregion
export { o as HeroImage };

//# sourceMappingURL=HeroImage.js.map