summaryrefslogtreecommitdiff
path: root/src/lib/components/Header.svelte
blob: a6708caf217dc3714325ebfb221b42fee5cef2fa (plain)
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
<script lang="ts">
  import ThemeToggle from "./ThemeToggle.svelte";

  interface Props {
    title?: string;
    description?: string;
  }

  let { title = "My Blog", description = "Super. Good. Code." }: Props =
    $props();
</script>

<div class="wrapper-masthead">
  <header class="container masthead">
    <div class="site-info">
      <h1><a href="/">{title}</a></h1>
      <p class="site-description">{description}</p>
    </div>

    <nav>
      <a href="/">Blog</a>
      <a href="/apps">Apps</a>
      <a href="/about">About</a>
      <ThemeToggle />
    </nav>
  </header>
</div>