<template>
  <div v-if="special">
    <span class="old-price text-base-content/50 line-through mr-1">{{ price }}</span>
    <span class="curr-price font-bold">{{ special }}</span>
  </div>
  <div v-else class="font-bold">{{ price }}</div>
</template>

<script setup>
const props = defineProps({
  price: String,
  special: [String, Boolean],
});
</script>

<style scoped>
.old-price {
  font-size: 0.65rem;
}

.curr-price {
  font-size: .9rem;
}
</style>
