<template>
  <PageBlock title="Account details" class="mb-24">
    <SettingsProperty icon="mail" title="Mail" :text="hideEmail(user.email)" />

    <SettingsProperty icon="key" title="Password" text="You will log out automatically after changing your password">
      <UiButton size="large" type="ghost" color="primary" href="/reset-password/new-authorized">
        Change
      </UiButton>
    </SettingsProperty>
  </PageBlock>

  <PageBlock title="Two-factor Authentication (2FA)">
    <SettingsProperty icon="protection" title="2FA authentication" text="Two-factor authentication (2FA) provides more reliable account protection.">
      <UiButton size="large" type="ghost" color="primary" href="/2fa">
        Plug
      </UiButton>
    </SettingsProperty>
  </PageBlock>
</template>

<script setup>
const { user } = useAuth()
</script>

<style lang="scss">

</style>
