@primer/react-brand/esm/river/RiverBreakout/RiverBreakout.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 { useAnimation as t } from "../../animation/useAnimation.js";
import { Heading as n } from "../../Heading/Heading.js";
import r from "../../component-helpers/shared.module.js";
import i from "../river-shared.module.js";
import { RiverContent as a, Visual as o } from "../River/River.js";
import s from "../../findElementInChildren.js";
import { forwardRef as c } from "react";
import { jsx as l } from "react/jsx-runtime";
//#region src/river/RiverBreakout/RiverBreakout.tsx
var u = ["default", "gridline"], d = c(({ animate: n, className: a, children: o, style: c, variant: u = "default", ...d }, p) => {
	let { classes: m, styles: h } = t(n), g = s(o, "b") || s(o, "em") ? "muted" : "default";
	return s(o, f) || (process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test") && console.warn("RiverBreakout: A11yHeading child is required. This element will not be visible, only read by screenreaders."), /* @__PURE__ */ l("section", {
		ref: p,
		className: e(i.RiverBreakout, u === "gridline" && i["RiverBreakout--variant-gridline"], u === "gridline" && r.gridline, g === "muted" && i["RiverBreakout--muted"], m, a),
		style: {
			...h,
			...c
		},
		...d,
		children: o
	});
}), f = ({ as: e = "h3", children: t }) => /* @__PURE__ */ l(n, {
	className: "visually-hidden",
	as: e,
	children: t
}), p = Object.assign(d, {
	Visual: o,
	Content: a,
	A11yHeading: f
});
//#endregion
export { p as RiverBreakout, u as RiverBreakoutVariants };

//# sourceMappingURL=RiverBreakout.js.map