<template>
  <div class="mt-2 text-center space-y-0.5">
    <Price :price="product.price" :special="product.special"/>
    <ProductTitle :title="product.name"/>
  </div>
</template>

<script setup>
import ProductTitle from "@/components/ProductItem/ProductTitle.vue";
import Price from "@/components/ProductItem/Price.vue";

const props = defineProps({
  product: Object,
});
</script>
