import { CurriculumIndexEntry } from "../../../libs/types/curriculum"; import { TopicIcon } from "./topic-icon"; import { topic2css } from "./utils"; import "./modules-list.scss"; import { useState } from "react"; import { Button } from "../ui/atoms/button"; export function ModulesListList({ modules, }: { modules: CurriculumIndexEntry[]; }) { const [tab, setTab] = useState(1); return (
    {modules.map((modulesList, i) => { return (
  1. setTab(i)} /> {modulesList.children?.length && ( <> )}
  2. ); })}
); } export function ModulesList({ modules }: { modules: CurriculumIndexEntry[] }) { return (
    {modules.map((module, j) => { return (
  1. {module.topic && } {module.title}

    {module.summary}

    {module.topic}

  2. ); })}
); }