docs/src/components/DocSidebar/DocSidebar.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

import type { FunctionalComponent } from 'preact';
import { h } from 'preact';
import More from './More';
import TableOfContents from './TableOfContents';

export const DocSidebar: FunctionalComponent<{
  headers: any[];
  editHref: string;
}> = ({ headers = [], editHref }) => {
  return (
    <nav class="sidebar-nav" aria-labelledby="sidebar-content">
      <div class="sidebar-nav-inner">
        <TableOfContents headers={headers} />
        <More editHref={editHref} />
      </div>
    </nav>
  );
};

export default DocSidebar;
export { default as More } from './More';
export { default as TableOfContents } from './TableOfContents';