<script setup lang="ts">

const { t } = useI18n()

const isOpen = defineModel<boolean>({default: false})

const cancel = () => {
  isOpen.value = false
}

const modalText = {
  title: t('modals.application_accepted_modal.title'),
  info: t('modals.application_accepted_modal.info'),
  close: t('modals.buttons.close'),
}
</script>

<template>
  <a-modal
    v-model="isOpen"
    name="application-accepted"
    :prevent-close="true"
  >
    <div class="flex flex-col gap-5">
      <p class="text-center heading-02">
        {{ modalText.title }}
      </p>
      <a-ill-ok class="w-full" />
      <p class="text-center body-400">
        {{ modalText.info }}
      </p>
    </div>
    <template #footer>
      <a-button
        view="outline"
        block
        @click="cancel"
      >
        {{ modalText.close }}
      </a-button>
    </template>
  </a-modal>
</template>

<style scoped>

</style>
