<script setup>
import {copyText,loginOut,signUp} from '@/utils/common'
import {ElMessage} from 'element-plus'
function handleCopy(){
    copyText('stephanie@hzinsights.com').then(()=>{
        ElMessage.success('Successfully copied email')
    })
}
const yb_token = localStorage.getItem('yben_token')
</script>

<template>
    <div class="no-author-box" v-if="yb_token">
        <p>It seems that you don’t have access to this product yet. Please contact us to proceed: stephanie@hzinsights.com</p>
        <el-button type="primary" @click="handleCopy">Get the contact email</el-button>
    </div>
    <div class="no-author-box" v-else>
        <p>No access to view, please register/log in to see.</p>
        <el-button type="primary" @click="loginOut">Log In</el-button>
        <el-button @click="signUp">Sign Up</el-button>
    </div>
</template>

<style lang="scss" scoped>
.no-author-box{
    margin-top: 40px;
    text-align: center;
    padding: 0 14px;
    padding-bottom: 20px;
    p{
        color: var(--el-color-primary);
        line-height: 1.7;
    }
}
</style>