<script setup lang="ts">
defineProps<{
  title: string
  description: string
  image: string
  to: string
}>()
</script>

<template>
  <NuxtLink :to="to" class="product-card">
    <div class="card-img">
      <img :src="image" :alt="title">
    </div>
    <div class="card-content">
      <div class="card-header">
        <h4>{{ title }}</h4>
      </div>
      <p>{{ description }}</p>
    </div>
  </NuxtLink>
</template>
