<script setup lang="ts">
const { t } = useI18n()

const isOpen = defineModel<boolean>({ required: true })
</script>
<template>
  <a-modal
    v-model="isOpen"
    width="424px"
  >
    <template #header>
      <p class="heading-02 text-center font-bold">
        {{ t('modals.report_bug.confirmed') }}
      </p>
    </template>
    <div class="flex flex-col gap-5 items-center">
      <a-ill-ok />
      <p class="text-sm text-center">
        {{ t('modals.report_bug.gratitude') }}
      </p>
      <a-button
        view="outline"
        block
        @click="isOpen = false"
      >
        {{ t('actions.close') }}
      </a-button>
    </div>
  </a-modal>
</template>
