import { cx as e } from "../../../theme/tools.js";
import { group as t, separator as n, spacer as r, toolbar as i } from "./Toolbar.css.js";
import { jsx as a } from "react/jsx-runtime";
//#region src/components/layout/toolbar/Toolbar.tsx
var o = ({ ariaLabel: t, children: n, className: r, density: o = "default", justify: s = "between", surface: c = "plain", wrap: l = "wrap" }) => {
	let u;
	return t != null && (u = "toolbar"), /* @__PURE__ */ a("div", {
		"aria-label": t,
		className: e(i({
			density: o,
			justify: s,
			surface: c,
			wrap: l
		}), r),
		role: u,
		children: n
	});
}, s = ({ align: n = "center", children: r, className: i, grow: o = !1, justify: s = "start", wrap: c = !1 }) => /* @__PURE__ */ a("div", {
	className: e(t({
		align: n,
		grow: o,
		justify: s,
		wrap: c
	}), i),
	children: r
}), c = ({ className: t }) => /* @__PURE__ */ a("div", {
	"aria-hidden": "true",
	className: e(r, t)
}), l = ({ className: t }) => /* @__PURE__ */ a("div", {
	"aria-hidden": "true",
	className: e(n, t)
});
//#endregion
export { o as Toolbar, s as ToolbarGroup, l as ToolbarSeparator, c as ToolbarSpacer };

//# sourceMappingURL=Toolbar.js.map