<template>
  <!-- FREE 티어에서만 노출. AD_FREE/PREMIUM 은 hideAds 로 숨김 -->
  <div v-if="!subscription.hideAds" class="ad-banner row items-center justify-center">
    <q-icon name="campaign" size="20px" class="q-mr-sm" />
    <span class="text-caption">광고 · 광고 없이 쓰려면 광고 제거 패스</span>
  </div>
</template>

<script setup lang="ts">
import { useSubscriptionStore } from '@/stores/subscription'

const subscription = useSubscriptionStore()
</script>

<style scoped>
.ad-banner {
  height: 56px;
  background: #e8f4fd;
  color: #3e92cc;
  border-top: 1px solid #cfe8fb;
}
</style>
