import { SectionTOC, MobileSectionTOC } from "../../components/SectionTOC";
import { VERSAND_SECTION_IDS } from "./VersandSections";

export function VersandTOC() {
  return <SectionTOC sections={[...VERSAND_SECTION_IDS]} />;
}

// Below lg: accordion counterpart — see SectionTOC.tsx's own comment on
// why this needs to be a separate element rather than nested inside
// VersandTOC/the page's `hidden lg:block` sidebar wrapper.
export function MobileVersandTOC() {
  return <MobileSectionTOC sections={[...VERSAND_SECTION_IDS]} />;
}
