<script lang="ts">
  import { Button } from "$lib/components/ui/button";
</script>

<main class="flex min-h-0 flex-1 flex-col items-center justify-center gap-6 p-6">
  <h1 class="text-2xl font-semibold">Stackq</h1>
  <p class="text-muted-foreground text-center text-sm">Receipts</p>
  <div class="flex w-full max-w-xs flex-col gap-3">
    <a href="/receipts/new" class="block">
      <Button class="h-12 min-h-12 w-full" variant="outline">New receipt</Button>
    </a>
    <a href="/receipts" class="block">
      <Button class="h-12 min-h-12 w-full" variant="outline">Receipts</Button>
    </a>
  </div>
</main>
