<template>
  <div
    class="bg-white mx-2 p-4 rounded border border-gray-300 mb-4 md:min-w-[250px] md:w-full md:mx-0 lg:mx-4"
  >
    <h2 class="text-l font-bold mb-2">{{ title }}</h2>
    <p class="text-sm text-gray-600 mb-4">{{ subtitle }}</p>
    <NuxtLink :to="link">
      <button class="bg-blue-500 text-white px-4 py-2 rounded">Open</button>
    </NuxtLink>
  </div>
</template>

<script setup>
const props = defineProps(["title", "subtitle", "link"]);
</script>
