@lobehub/ui/es/base-ui/ToggleGroup/atoms.mjs

Lobe UI is an open-source UI component library for building AIGC web apps

"use client";
import { itemVariants, rootVariants, styles } from "./style.mjs";
import { jsx } from "react/jsx-runtime";
import { cx } from "antd-style";
import { Toggle } from "@base-ui/react/toggle";
import { ToggleGroup } from "@base-ui/react/toggle-group";
//#region src/base-ui/ToggleGroup/atoms.tsx
const ToggleGroupRoot = ({ className, variant = "outlined", ...rest }) => {
	return /* @__PURE__ */ jsx(ToggleGroup, {
		className: cx(rootVariants({ variant }), className),
		...rest
	});
};
ToggleGroupRoot.displayName = "ToggleGroupRoot";
const ToggleGroupItem = ({ className, size = "middle", variant = "outlined", ...rest }) => {
	return /* @__PURE__ */ jsx(Toggle, {
		className: cx(itemVariants({
			size,
			variant
		}), className),
		...rest
	});
};
ToggleGroupItem.displayName = "ToggleGroupItem";
const ToggleGroupItemIcon = ({ children, className, style }) => /* @__PURE__ */ jsx("span", {
	className: cx(styles.itemIcon, className),
	style,
	children
});
ToggleGroupItemIcon.displayName = "ToggleGroupItemIcon";
const ToggleGroupItemLabel = ({ children, className, style }) => /* @__PURE__ */ jsx("span", {
	className: cx("toggle-group-item-label", styles.itemLabel, className),
	style,
	children
});
ToggleGroupItemLabel.displayName = "ToggleGroupItemLabel";
//#endregion
export { ToggleGroupItem, ToggleGroupItemIcon, ToggleGroupItemLabel, ToggleGroupRoot, styles as toggleGroupStyles };

//# sourceMappingURL=atoms.mjs.map