<script setup lang="ts">
defineProps<{ label?: string }>()
</script>

<template>
  <div class="fixed inset-0 z-50 flex flex-col items-center justify-center gap-6 bg-white dark:bg-zinc-950">
    <div class="absolute inset-0 opacity-10 sf-flame-bg" />
    <SfLogo :size="96" loader class="relative drop-shadow-lg" />
    <p class="relative text-lg font-extrabold tracking-tight">
      <span class="sf-flame-text">Streak</span><span class="text-zinc-900 dark:text-white">Fit</span>
    </p>
    <p v-if="label" class="relative text-sm text-zinc-500">{{ label }}</p>
  </div>
</template>
