<script setup lang="ts">
import {
  AlertDialog,
  AlertDialogContent,
  AlertDialogHeader,
  AlertDialogTitle,
  AlertDialogDescription,
} from '@/components/ui/alert-dialog'

defineProps<{
  open: boolean
}>()
</script>

<template>
  <AlertDialog :open="open">
    <AlertDialogContent class="text-center">
      <AlertDialogHeader>
        <AlertDialogTitle class="font-normal"> The backend is starting up </AlertDialogTitle>
        <AlertDialogDescription>
          The Agent Hub backend is currently initializing. This usually takes a few seconds.
          <br />
          <br />
          Please refresh the page to check if it's ready.
        </AlertDialogDescription>
      </AlertDialogHeader>
    </AlertDialogContent>
  </AlertDialog>
</template>
