<template>
    <div>
        <div class="card">
            <div class="card-body">
                <h5 class="card-title">{{ name }}</h5>
                <h6 class="card-subtitle mb-2 text-muted">{{ price }}</h6>
                <p class="card-text">{{ description }}</p>
            </div>
        </div>
    </div>
</template>

<script setup>
const props = defineProps({
    name: {
        type: String,
        required: true
    },
    price: {
        type: Number,
        required: true
    },
    description: {
        type: String,
        required: true
    }
})
</script>