import { dimmedBorderColor } from "../utils/consts.js";
import { cs } from "../utils/styles.js";
import ButtonGroup from "../buttonGroup/buttonGroup.js";
import { jsx } from "react/jsx-runtime";

//#region src/buttonToggleGroup/buttonToggleGroup.tsx
/**
* Organizes layout and display of multiple buttons. Based on ButtonGroup and should be used to toggle options.
*/
const ButtonToggleGroup = (props) => {
	const { className, isDimmedBorder } = props;
	return /* @__PURE__ */ jsx(ButtonGroup, {
		className: cs("vui-buttonToggleGroup", className),
		innerBorderColor: isDimmedBorder ? dimmedBorderColor : "",
		...props
	});
};
ButtonToggleGroup.displayName = "ButtonToggleGroup";

//#endregion
export { ButtonToggleGroup as default };
globalThis.__vuiVersion__ = "4.0.3"
//# sourceMappingURL=buttonToggleGroup.js.map