<template>
  <div class="columns is-centered mx-0">
    <div class="column is-10 pt-6">
      <Logo class="px-2 is-clickable"></Logo>
      <section class="hero mt-2">
        <div class="hero-body px-2 py-5">
          <article class="message is-primary">
          <div class="message-body has-text-black fs-16 py-3">
          {{ isVietnamese ? 'Trường hợp quên mật khẩu, vui lòng liên hệ với quản lý để được hỗ trợ khôi phục mật khẩu.' : 'If you have forgotten your password, please contact your manager for assistance with resetting your password.' }}
        </div>
        </article>
        </div>
      </section>
    </div>
    </div>
</template>
<script>
export default {
  computed: {
    isVietnamese() {
      return navigator.language.toLowerCase().startsWith('vi');
    },
  }
}
</script>
