import { Party } from '@/lib/db/parties';

interface PartyKeyPeopleProps {
  party: Party;
}

const PartyKeyPeople = ({ party }: PartyKeyPeopleProps) => {
  return (
    <div className="p-4 bg-gray-50 rounded-xl border border-gray-100">
      <p className="text-sm font-bold text-gray-800 mb-3">অন্যান্য শীর্ষ নেতৃবৃন্দ:</p>
      <div className="flex flex-wrap gap-2">
        {party.keyPeople.map((person: string, index: number) => (
          <span
            key={index}
            className="px-3 py-1.5 bg-white border border-gray-200 rounded-full text-sm text-gray-700 shadow-sm"
          >
            {person}
          </span>
        ))}
      </div>
    </div>
  );
};

export default PartyKeyPeople;