import { j as r } from "../../node_modules/react/jsx-runtime.js";
import { Link as x } from "../Link/index.js";
import { cn as n } from "../../utils/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 m({
  className: e,
  active: t,
  children: a,
  ...i
}) {
  return /* @__PURE__ */ r.jsx(
    x,
    {
      className: n(
        "p-4 flex flex-row gap-3 text-sm",
        t ? "text-interaction-main-default" : "text-content-primary",
        e
      ),
      ...i,
      children: a
    }
  );
}
function p({ 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 c({
  className: e,
  children: t,
  ...a
}) {
  return /* @__PURE__ */ r.jsxs("div", { className: n("p-4 flex flex-row gap-3 text-sm", e), children: [
    /* @__PURE__ */ r.jsx("i", { children: "<" }),
    /* @__PURE__ */ r.jsx(x, { ...a, children: t })
  ] });
}
export {
  l as SideNav,
  c as SideNavBackButton,
  m as SideNavButton,
  p as SideNavHeader
};
