<template>
  <div class="flex flex-col items-center justify-center py-20">
    <div class="relative h-16 w-16">
      <div class="absolute inset-0 rounded-full border-4 border-gray-200 dark:border-gray-700"></div>
      <div class="absolute inset-0 animate-spin rounded-full border-4 border-transparent border-t-indigo-600 dark:border-t-indigo-400"></div>
    </div>
    <p class="mt-6 text-lg font-medium text-gray-600 dark:text-gray-400">
      Checking DNS configuration...
    </p>
    <p class="mt-1 text-sm text-gray-400 dark:text-gray-500">
      This may take a few seconds
    </p>
  </div>
</template>
