import {
  sidebar_item_default
} from "./chunk-4HDV26QV.js";
import {
  useCurriculumContext
} from "./chunk-IYQJIEVM.js";
import {
  Tabs
} from "./chunk-5ZITU5L7.js";
import {
  Grid
} from "./chunk-EGEQY3KT.js";
import {
  Box
} from "./chunk-4Y5BEXVN.js";

// src/molecules/curriculumV2/CurriculumSidebar/index.tsx
import { jsx, jsxs } from "react/jsx-runtime";
var TAB_LIST = [
  {
    label: "\uAC15\uC758 \uBAA9\uCC28",
    value: "curriculum"
  }
];
function CurriculumSidebar() {
  const { curriculum, selectedIndex, setSelectedIndex, scrollAreaRef, curriculumCompleteMap } = useCurriculumContext();
  const list = curriculum.contents.list;
  return /* @__PURE__ */ jsx(Tabs.Root, { asChild: true, defaultValue: TAB_LIST[0].value, children: /* @__PURE__ */ jsxs(Grid, { height: "100%", overflowY: "auto", rows: "auto 1fr ", width: "100%", children: [
    /* @__PURE__ */ jsx(Tabs.List, { style: { padding: "0 var(--space-3)" }, children: TAB_LIST.map((tab) => /* @__PURE__ */ jsx(Tabs.Trigger, { value: tab.value, children: tab.label }, tab.value)) }),
    /* @__PURE__ */ jsx(
      Box,
      {
        height: "100%",
        overflowY: "auto",
        position: "relative",
        ref: scrollAreaRef,
        width: "100%",
        children: /* @__PURE__ */ jsxs(
          Tabs.Content,
          {
            style: {
              position: "absolute",
              height: "100%",
              width: "100%"
            },
            value: TAB_LIST[0].value,
            children: [
              list.map((item, index) => /* @__PURE__ */ jsx(sidebar_item_default, { done: curriculumCompleteMap[item.uuid], index, item, selectedIndex, setSelectedIndex }, item.uuid)),
              /* @__PURE__ */ jsx(Box, { height: "150px" })
            ]
          }
        )
      }
    )
  ] }) });
}

export {
  CurriculumSidebar
};
//# sourceMappingURL=chunk-FV4BQOCL.js.map