18 lines
514 B
Svelte
18 lines
514 B
Svelte
<script lang="ts">
|
|
import { messages } from '$lib/i18n';
|
|
import SignOutButton from 'clerk-sveltekit/client/SignOutButton.svelte';
|
|
|
|
let { title, username }: { title: string; username: string } = $props();
|
|
|
|
let message = $derived(messages.nav_greeting({ name: username }));
|
|
</script>
|
|
|
|
<header class="navbar justify-between bg-base-200 px-4">
|
|
<h2 class="prose prose-xl">Hestia</h2>
|
|
<h1 class="prose prose-2xl">{title}</h1>
|
|
<p class="prose prose-lg">{message}</p>
|
|
<SignOutButton />
|
|
</header>
|
|
|
|
<style>
|
|
</style>
|