<template>
  <view class="guest-view">
    <text class="guest-view__hint">{{ hint }}</text>
    <view class="guest-view__btn" @tap="$emit('login')">
      <text class="guest-view__btn-txt">去登录</text>
    </view>
  </view>
</template>

<script>
export default {
  props: {
    hint: {
      type: String,
      default: '登录后查看业务数据'
    }
  },
  emits: ['login']
}
</script>

<style lang="scss" scoped>
@import '@/styles/morandi.scss';
@import '@/styles/scroll-fill.scss';

.guest-view {
  @include tab-panel-root;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 48rpx 40rpx;
  gap: 24rpx;
}

.guest-view__hint {
  font-size: 28rpx;
  color: $morandi-text-muted;
  text-align: center;
}

.guest-view__btn {
  padding: 24rpx 48rpx;
  border-radius: 48rpx;
  background: #22c55e;
}

.guest-view__btn-txt {
  color: #ffffff;
  font-size: 28rpx;
  font-weight: 600;
}
</style>
