/*! ratio-ui · design system for knowledge sharing · https://github.com/losol/ratio-ui · (c) 2026 Losol AS · MPL-2.0 */
import { cn } from "../../utils/cn.js";
import { jsx } from "react/jsx-runtime";
//#region src/core/Navbar/Navbar.tsx
function NavbarBrand({ children, className }) {
	return /* @__PURE__ */ jsx("div", {
		className: cn("flex shrink-0 items-center text-(--text)", className),
		children
	});
}
function NavbarContent({ children, className }) {
	return /* @__PURE__ */ jsx("div", {
		className: cn("flex grow items-center gap-3 text-(--text)", className),
		children
	});
}
var NavbarRoot = ({ children, bgColor, sticky = false, overlay = false, glass = false, dark = false, className }) => {
	return /* @__PURE__ */ jsx("nav", {
		className: cn(bgColor, overlay ? "absolute top-0 left-0 right-0 z-50" : sticky ? "sticky top-0 z-50" : "", glass ? "bg-overlay-drag backdrop-blur-md" : "", dark && "surface-dark", "text-(--text) m-0 p-0", className),
		children: /* @__PURE__ */ jsx("div", {
			className: "container flex flex-wrap items-center mx-auto gap-3 py-2 px-3",
			children
		})
	});
};
var Navbar = Object.assign(NavbarRoot, {
	Brand: NavbarBrand,
	Content: NavbarContent
});
//#endregion
export { Navbar };

//# sourceMappingURL=Navbar.js.map