<AppShell id="example">
  <svelte:fragment slot="app-head-left">
    <div>left</div>
  </svelte:fragment>
  <svelte:fragment slot="app-head-center">
    <div>middle</div>
  </svelte:fragment>
  <svelte:fragment slot="app-head-right">
    <div>right</div>
  </svelte:fragment>
  <svelte:fragment slot="app-sidebar">
    <div class="card-center w-48">sidebar</div>
  </svelte:fragment>
  <svelte:fragment>
    <div class="card-center h-64">(routes)</div>
  </svelte:fragment>
  <svelte:fragment slot="app-foot">
    <div class="card-center py-4">bottom</div>
  </svelte:fragment>
</AppShell>