@yamada-ui/react/dist/cjs/components/button/button-group.cjs

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

"use client";


const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
const require_group = require('../group/group.cjs');
const require_button = require('./button.cjs');
const require_icon_button = require('./icon-button.cjs');
let react = require("react");
react = require_rolldown_runtime.__toESM(react);
let react_jsx_runtime = require("react/jsx-runtime");
react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);

//#region src/components/button/button-group.tsx
/**
* `Button` is an interactive component that allows users to perform actions such as submitting forms and toggling modals.
*
* @see https://yamada-ui.com/docs/components/button
*/
const ButtonGroupRoot = (({ size, variant, attached, disabled,...rest }) => {
	const context = (0, react.useMemo)(() => ({
		size,
		variant,
		disabled,
		focusVisibleRing: attached ? "inside" : void 0
	}), [
		size,
		variant,
		disabled,
		attached
	]);
	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.ButtonPropsContext, {
		value: context,
		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icon_button.IconButtonPropsContext, {
			value: context,
			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_group.Group, {
				attached,
				...rest
			})
		})
	});
});

//#endregion
exports.ButtonGroupRoot = ButtonGroupRoot;
//# sourceMappingURL=button-group.cjs.map