---
interface Props {
  nombre: string;
  precio: string;
}

const { nombre, precio } = Astro.props;
---

<div class="bg-white shadow-lg rounded-lg p-6 text-gray-900 hover:shadow-xl transform hover:scale-105 transition duration-300 mx-3 my-2">
  <h2 class="text-xl font-semibold mb-2 text-gray-800">{nombre}</h2>
  <p class="text-lg text-gray-600">{precio}</p>
</div>
