<script setup lang="ts">
import OptionsListHeader from '@/ui/chatbot-popup/options-list-screen/OptionsListHeader.vue'

defineProps<{ error: string }>()
defineEmits<{ close: [] }>()
</script>

<template>
  <div class="babylai:w-full babylai:h-full babylai:bg-secondary babylai:rounded-3xl babylai:shadow-lg babylai:z-50 babylai:flex babylai:flex-col">
    <div class="babylai:h-full babylai:rounded-3xl babylai:flex babylai:flex-col babylai:gap-8">
      <OptionsListHeader @minimize="$emit('close')" />
      <div class="babylai:flex babylai:flex-col babylai:items-center babylai:justify-center babylai:w-full babylai:h-full babylai:px-6 babylai:py-28">
        <div class="babylai:text-secondary-foreground babylai:text-lg">Error: {{ error }}</div>
      </div>
    </div>
  </div>
</template>
