@primer/react-brand/esm/ButtonGroup/ButtonGroup.js

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

import { Button as e } from "../Button/Button.js";
import t from "./ButtonGroup.module.js";
import n, { forwardRef as r } from "react";
import { jsx as i } from "react/jsx-runtime";
//#region src/ButtonGroup/ButtonGroup.tsx
var a = r(({ buttonSize: r = "medium", buttonsAs: a, className: o, children: s, ...c }, l) => {
	let u = n.Children.toArray(s).map((t, i) => n.isValidElement(t) && t.type === e ? n.cloneElement(t, {
		size: r,
		as: a,
		variant: i === 0 ? "primary" : "subtle",
		...t.props
	}) : null).filter(Boolean).slice(0, 2);
	return /* @__PURE__ */ i("section", {
		ref: l,
		className: t.ButtonGroup,
		...c,
		children: u
	});
});
//#endregion
export { a as ButtonGroup };

//# sourceMappingURL=ButtonGroup.js.map