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

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

<template>
  <div class="babylai:w-full babylai:h-full babylai:bg-secondary babylai:rounded-3xl babylai:shadow-lg babylai:flex babylai:flex-col">
    <div class="babylai:rounded-3xl babylai:h-full babylai:flex babylai:flex-col babylai:gap-4">
      <OptionsListHeader @minimize="$emit('close')" />
      <div class="babylai:flex babylai:flex-col babylai:items-center babylai:justify-center babylai:w-full babylai:h-full babylai:py-28">
        <img :src="animatedLogo" alt="Animated Logo" class="babylai:w-20 babylai:h-20" />
      </div>
    </div>
  </div>
</template>
