<script setup lang="ts">
import { useNoAccessModal } from '#adata-ui/composables/modalsState'

const { t } = useI18n()

const isOpen = useNoAccessModal()

const onClose = () => {
  isOpen.value = false
}
</script>

<template>
  <a-modal
    v-model="isOpen"
    name="no-access-modal"
  >
    <div class="flex flex-col gap-5">
      <p class="heading-02 text-center">
        {{ t('modals.no_access.title') }}
      </p>
      <a-ill-door class="w-full" />
      <p class="body-400 whitespace-pre-wrap text-center">
        {{ t('modals.no_access.info') }}
      </p>
    </div>
    <template #footer>
      <a-button
        view="outline"
        block
        @click="onClose"
      >
        {{ t('modals.buttons.close') }}
      </a-button>
    </template>
  </a-modal>
</template>
