import { j as r } from "../../node_modules/react/jsx-runtime.js";
import { Link as a } from "../Link/index.js";
import { cn as n } from "../../utils/index.js";
import { Icon as s } from "../Icon/index.js";
function l({ className: e, ...t }) {
  return /* @__PURE__ */ r.jsx(
    "nav",
    {
      className: n(
        "px-4 py-2 flex flex-col border-r w-[300px] h-full",
        e
      ),
      ...t
    }
  );
}
function c({
  className: e,
  active: t,
  children: o,
  ...i
}) {
  return /* @__PURE__ */ r.jsx(
    a,
    {
      className: n(
        "p-4 flex flex-row gap-3 text-sm items-center",
        t ? "text-interaction-main-default" : "text-content-primary",
        e
      ),
      ...i,
      children: o
    }
  );
}
function u({ className: e, ...t }) {
  return /* @__PURE__ */ r.jsx(
    "h3",
    {
      className: n(
        "p-4 flex flex-row gap-3 text-content-primary uppercase font-medium",
        e
      ),
      ...t
    }
  );
}
function d({
  className: e,
  children: t,
  ...o
}) {
  return /* @__PURE__ */ r.jsxs(
    "div",
    {
      className: n("p-4 flex flex-row items-center gap-3 text-sm", e),
      children: [
        /* @__PURE__ */ r.jsx(s, { name: "chevron-left" }),
        /* @__PURE__ */ r.jsx(a, { ...o, children: t })
      ]
    }
  );
}
function j({
  className: e,
  ...t
}) {
  return /* @__PURE__ */ r.jsx(
    "div",
    {
      className: n(
        "pt-12 pl-[60px] pr-24 pb-6 flex flex-row items-center justify-between gap-3 w-full font-medium border-b border-b-divider-strong",
        e
      ),
      ...t
    }
  );
}
export {
  l as SideNav,
  d as SideNavBackButton,
  c as SideNavButton,
  j as SideNavContentLayoutHeader,
  u as SideNavHeader
};
