alice.pds.demo.boltless.dev
This repository has no description
1<script lang="ts">
2 import { resolve } from "$app/paths";
3 import Button from "./Button.svelte";
4
5 interface Props {
6 message?: string;
7 }
8
9 let { message = "to add to the discussion" }: Props = $props();
10</script>
11
12<div
13 class="flex flex-wrap items-center gap-2 rounded-sm border border-foreground-warning bg-background-warning-subtle p-4 typography-paragraph-small text-foreground-warning-strong drop-shadow-xs"
14>
15 <Button variant="primary" href={resolve("/signup")}>Sign up</Button>
16 <span>or</span>
17 <a href={resolve("/login")} class="text-foreground-warning-strong underline">Login</a>
18 <span>{message}</span>
19</div>