<template>
  <UiAccordion>
    <UiAccordionItem
      :title="$t('forgot_password_questions.forgot_password.title')"
    >
      <i18n-t
        scope="global"
        keypath="forgot_password_questions.forgot_password.content"
        tag="p"
      >
        <UiButton type="link" href="/reset-password">
          {{ $t('can_reset_password') }}
        </UiButton>
        <UiButton type="link">
          {{ $t('write_us') }}
        </UiButton>
      </i18n-t>
    </UiAccordionItem>

    <UiAccordionItem
      :title="$t('forgot_password_questions.access_to_mail.title')"
    >
      <i18n-t
        scope="global"
        keypath="forgot_password_questions.access_to_mail.content"
        tag="p"
      >
        <UiButton type="link">
          {{ $t('fill_the_form') }}
        </UiButton>
      </i18n-t>
    </UiAccordionItem>

    <UiAccordionItem :title="$t('forgot_password_questions.no_mail.title')">
      <i18n-t
        keypath="forgot_password_questions.no_mail.content"
        tag="p"
        scope="global"
      >
        <UiButton type="link">
          {{ $t('write_us') }}
        </UiButton>
      </i18n-t>
    </UiAccordionItem>
  </UiAccordion>
</template>

<script setup lang="ts"></script>
