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

<div-class="bg-white-rounded-lg-shadow-sm-border-border-gray-100-p-4-transition-all-hover:shadow-md"->-<div-class="flex-justify-between-items-center">-<div>-<p-class="text-lg-font-semibold-text-gray-800">${amount}</p>-<p-class="text-sm-text-gray-600">{methodLabel}</p>-</div>-<div-class="flex-flex-col-items-end">-<span-class:list={[-"px-3-py-1-rounded-full-text-sm-font-medium",-{-"bg-green-100-text-green-800":-verified,-"bg-yellow-100-text-yellow-800":-!verified,-},-]}->-{verified-?-"Pagado"-:-"Pendiente"}-</span>-<span-class="text-sm-text-gray-500-mt-1">{formattedDate}</span>-</div>-</div>-</div>