import { j as n } from "../../node_modules/react/jsx-runtime.js";
import { Link as i } from "../Link/index.js";
import { cn as r } from "../../utils/index.js";
import { Icon as o } from "../Icon/index.js";
function v({ className: e, ...t }) {
  return /* @__PURE__ */ n.jsx(n.Fragment, { children: /* @__PURE__ */ n.jsx("nav", { className: r("sidenav", e), ...t }) });
}
function x({
  className: e,
  active: t,
  children: a,
  ...s
}) {
  return /* @__PURE__ */ n.jsx(
    i,
    {
      className: r(
        "sidenav-button",
        t ? "text-interaction-main-default" : "text-content-primary",
        e
      ),
      ...s,
      children: a
    }
  );
}
function f({ className: e, ...t }) {
  return /* @__PURE__ */ n.jsx("h3", { className: r("sidenav-header", e), ...t });
}
function j({
  className: e,
  children: t,
  ...a
}) {
  return /* @__PURE__ */ n.jsxs("div", { className: r("sidenav-button", e), children: [
    /* @__PURE__ */ n.jsx(o, { name: "chevron-left" }),
    /* @__PURE__ */ n.jsx(i, { ...a, children: t })
  ] });
}
function l({
  className: e,
  children: t,
  ...a
}) {
  return /* @__PURE__ */ n.jsx("div", { className: r("sidenav-content-border", e), ...a, children: /* @__PURE__ */ n.jsx("div", { className: "sidenav-content", children: t }) });
}
export {
  v as SideNav,
  j as SideNavBackButton,
  x as SideNavButton,
  l as SideNavContentLayoutHeader,
  f as SideNavHeader
};
