"use client";
import { jsx, jsxs } from "react/jsx-runtime";
import * as React from "react";
import { SectionNav } from "./SectionNav.js";
function SectionPage({
  title,
  titleKey,
  sections,
  activePath,
  userFeatures,
  children
}) {
  const [collapsed, setCollapsed] = React.useState(false);
  return /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-[calc(100vh-8rem)]", children: [
    /* @__PURE__ */ jsx("aside", { className: `${collapsed ? "w-16" : "w-64"} border-r bg-muted/30 overflow-y-auto shrink-0 transition-all duration-200`, children: /* @__PURE__ */ jsx(
      SectionNav,
      {
        title,
        titleKey,
        sections,
        activePath,
        userFeatures,
        collapsed,
        onToggleCollapse: () => setCollapsed(!collapsed)
      }
    ) }),
    /* @__PURE__ */ jsx("main", { className: "flex-1 overflow-y-auto p-6", children })
  ] });
}
export {
  SectionPage
};
//# sourceMappingURL=SectionPage.js.map
