---
import { getDocumentPath, getDocumentTitle, getChildDocuments } from "@utils/docs";

const { document } = Astro.props;
const childDocuments = await getChildDocuments(document);
---
<ul class="menu">
  {childDocuments.map(document => {
    const title = getDocumentTitle(document);
    const path = getDocumentPath(document);

    return (
      <li>
        <a href={path}>{title}</a>
      </li>
    );
  })}
</ul>