<template>
  <div class="first-time mt-xxl">
    <span @click="openWelcomeModal">{{ $_tr('firstConnection') }}</span>
  </div>
</template>

<script>
export default {
  name: 'login-extra-component-customs',
  $_i18nRootPath: 'customs.LOGIN',
  methods: {
    openWelcomeModal() {
      this.triggerModal(
        'welcome',
        'static',
        { item: {} },
        { width: '100%', height: '100%' }
      )
    }
  }
}
</script>

<style lang="scss">
.account-users {
  .first-time {
    text-align: center;

    span {
      cursor: pointer;
      color: var(--color-text);

      @include transition(0.3s);

      &:hover {
        color: var(--color-primary);
      }
    }
  }
}
</style>
