{# @description The app shell's drawer wrapper. #}
{# @prop :breakpoint:text | description:"Width below which the sidebar collapses into the drawer/mobile layout." #}
{# @prop :collapse:text | description:"How the sidebar collapses at narrow widths." #}
{# @slot The main page content. — The content area inside the drawer. #}
{# @slot:sidebar — The app sidebar content. #}
<c-vars :breakpoint="mvp_config.layout.sidebar.breakpoint"
        :collapse="mvp_config.layout.sidebar.collapse" />
<c-mvp.layout.sidebar id="mvp-app" :breakpoint="breakpoint" :collapse="collapse">
  <c-slot name="sidebar">{{ sidebar }}</c-slot>
  {{ slot }}
</c-mvp.layout.sidebar>