+
On This Page
+ {headings.map((heading) => {
+ let Heading: any = `h${heading.depth}`;
+ let className = `peer border-l-2 border-l-zinc-400 dark:border-l-zinc-700 `
+ switch (heading.depth) {
+ case 2:
+ className += `pl-2`;
+ break;
+ case 3:
+ className += `pl-4`;
+ break;
+ case 4:
+ className += `pl-6`;
+ break;
+ case 5:
+ className += `pl-8`;
+ break;
+ case 6:
+ className += `pl-10`;
+ break;
+ default:
+ break;
+ }
+ return
+
+ {heading.text}
+
+
+ })}
+