import { Link } from '@inertiajs/react';

export default function RewardMenuCard({ item }) {
  return (
    <Link
      href={item.href}
      className={`relative flex aspect-square flex-col items-center justify-center rounded-[18px] bg-gradient-to-br ${item.gradient} p-4 text-center text-white shadow-sm`}
    >
      <div className="mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-white/90 text-3xl text-[#3c4b57] shadow">
        {item.emoji}
      </div>
      <span className="text-[18px] font-semibold">{item.title}</span>
    </Link>
  );
}