src/lib/Page.svelte


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

<script lang="ts">
  import { S } from '$lib';
  import type { Snippet } from 'svelte';

  let {
    children,
    sidepanel,
    title,
    description = 'No Description Specified',
    class: classes,
  }: {
    children: Snippet;
    sidepanel?: Snippet;
    title: string;
    description?: string;
    class?: string;
  } = $props();
</script>

<svelte:head>
  <title>{title}</title>
  <meta name="description" content={description} />
</svelte:head>

<div class="{S.window} {S.shadow_large} relative max-w-[100%]">
  {#if sidepanel}
    <div class={S.window_sidepanel}>
      {@render sidepanel()}
    </div>
  {/if}
  {@render children()}
</div>