'use client';

export default function LawyerCard({ lawyer, onClick }: { lawyer: any; onClick: () => void }) {
    return (
        <button
            onClick={onClick}
            className="bg-neutral-100 hover:bg-neutral-200 transition p-6 rounded-xl shadow-sm text-left text-gray-800"
        >
            <img
                src={lawyer.image}
                alt={lawyer.name}
                className="w-full h-48 object-cover rounded-md mb-4"
            />
            <h3 className="text-xl font-bold text-red-700 mb-2">{lawyer.name}</h3>
            <p className="text-sm text-gray-700">{lawyer.short}</p>
        </button>
    );
}
