<template>
  <div
		  class="tp-login-social mb-10 d-flex flex-wrap align-items-center justify-content-center"
  >
    <div class="tp-login-option-item has-google">
      <a @click.prevent="signInWithGoogle" :title="$t('Sign in with google')" class="pointer">
        <img src="/images/icon/login/google.svg" alt="" />
				{{ $t("Sign in with google") }}
      </a>
    </div>

    <div class="tp-login-option-item">
      <a @click.prevent="signInWithFacebook" :title="$t('Sign in with facebook')" class="pointer">
        <img src="/images/icon/login/facebook.svg" alt="" />
      </a>
    </div>
  </div>
</template>

<script setup lang="ts">
import {signInWithGoogle, signInWithFacebook} from '@/utils/auth';
</script>