Product Card - Copy this React, Tailwind Component to your project

<div-key={product.id}-className="bg-teal-900-text-white-shadow-sm-shadow-black-p-6-w-full-rounded-lg-flex-justify-between-items-center"->-{/*-Información-del-producto-*/}-<h2-className="text-2xl-font-semibold">{product.name}</h2>-{/*-Botones-de-acción-*/}-<div-className="flex-gap-2">-<button-className="px-4-py-2-bg-blue-600-text-white-rounded-lg-hover:bg-blue-700-transition">-Editar-</button>-<button-className="px-4-py-2-bg-red-600-text-white-rounded-lg-hover:bg-red-700-transition">-Eliminar-</button>-</div>-</div>