<script setup lang="ts">

const { t } = useI18n()
const isOpen = useLimitReachedModal()
const appConfig = useAppConfig()
const loginUrl = appConfig.myLayer.landingUrl

function goTariffs() {
  if (window) {
    window.location.href = `${loginUrl}/tariffs`
  }
}
</script>

<template>
  <a-modal v-model="isOpen" :title="t('modals.limit.title')">
    <div class="flex flex-col items-center gap-5 text-center text-sm">
      <a-ill-empty-wallet></a-ill-empty-wallet>
      <div>{{ t('modals.limit.content') }}</div>
    </div>
    <template #footer>
      <a-button @click="goTariffs" block>{{ t('modals.buttons.goTariffs') }}</a-button>
    </template>
  </a-modal>
</template>

<style scoped>

</style>
