import { t as e } from "../../utils-B7XIe3qq.js";
import "react";
import { jsx as t } from "react/jsx-runtime";
//#region src/react/primitives/status-bar.tsx
function n({ className: n, children: r, ...i }) {
	return /* @__PURE__ */ t("div", {
		"data-slot": "status-bar",
		className: e("flex h-8 items-center justify-between border-t border-border-glass bg-glass px-3 text-xs backdrop-blur-[20px]", n),
		...i,
		children: r
	});
}
function r({ className: n, position: r = "left", ...i }) {
	return /* @__PURE__ */ t("div", {
		"data-slot": "status-bar-section",
		"data-position": r,
		className: e("flex items-center gap-3", r === "left" && "mr-auto", r === "center" && "mx-auto", r === "right" && "ml-auto", n),
		...i
	});
}
function i({ className: n, ...r }) {
	return /* @__PURE__ */ t("div", {
		"data-slot": "status-bar-item",
		className: e("flex items-center gap-1.5 text-foreground-secondary transition-colors hover:text-foreground", n),
		...r
	});
}
function a({ className: n, ...r }) {
	return /* @__PURE__ */ t("div", {
		"data-slot": "status-bar-separator",
		className: e("h-3.5 w-px bg-border-glass", n),
		...r
	});
}
//#endregion
export { n as StatusBar, i as StatusBarItem, r as StatusBarSection, a as StatusBarSeparator };

//# sourceMappingURL=status-bar.js.map