import { QuartzComponentConstructor, QuartzComponentProps } from "./types" import legacyStyle from "./styles/legacyToc.scss" import modernStyle from "./styles/toc.scss" // @ts-ignore import script from "./scripts/toc.inline" interface Options { layout: 'modern' | 'legacy' } const defaultOptions: Options = { layout: 'modern' } function TableOfContents({ fileData }: QuartzComponentProps) { if (!fileData.toc) { return null } return
} TableOfContents.css = modernStyle TableOfContents.afterDOMLoaded = script function LegacyTableOfContents({ fileData }: QuartzComponentProps) { if (!fileData.toc) { return null } return

Table of Contents

} LegacyTableOfContents.css = legacyStyle export default ((opts?: Partial) => { const layout = opts?.layout ?? defaultOptions.layout return layout === "modern" ? TableOfContents : LegacyTableOfContents }) satisfies QuartzComponentConstructor