{% load i18n %}
{# @description The current page's own headings, drawn as the page's side panel: a column beside the page that sticks under the header, and a drawer opened from the top bar on a narrower screen. #}
{# @prop headings:list | description:"Headings from PageHeadings; never empty, the page draws nothing otherwise." #}
<c-vars headings />

{% trans "On this page" as label %}
<c-mvp.page.side id="mvp-sphinx-on-this-page" :label="label" width="sm" breakpoint="xl">
  <nav aria-labelledby="mvp-sphinx-on-this-page-label">
    <c-mvp_sphinx.heading_list :headings="headings" class="menu menu-sm w-full" />
  </nav>
</c-mvp.page.side>