<template>
  <div style="z-index: 99999" class="fixed top-0 left-0 w-full h-full bg-base-100">
    <div class="flex flex-col items-center justify-center h-full px-4">
      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-20 mb-4">
        <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z" />
      </svg>

      <h1 class="font-semibold text-2xl mb-2 text-center">Обновите браузер</h1>
      <p class="text-sm text-base-content/70 text-center mb-4">
        Ваш браузер не поддерживает необходимые функции для работы приложения.
      </p>
      <p class="text-xs text-base-content/50 text-center">
        Пожалуйста, обновите Telegram до последней версии или используйте более современный браузер.
      </p>
    </div>
  </div>
</template>

<script setup>
</script>

