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

interface PartyBasicInfoProps {
  party: Party;
}

const PartyBasicInfo = ({ party }: PartyBasicInfoProps) => {
  return (
    <div className={`${party.cardBg} p-6 rounded-3xl border ${party.cardBorder}`}>
      <h3 className="font-bold text-gray-800 mb-4 flex items-center gap-2">
        <span className={`material-symbols-outlined ${party.textColor}`}>info</span>
        প্রাথমিক তথ্য
      </h3>
      <ul className="space-y-4">
        <li>
          <p className="text-xs text-gray-500 uppercase tracking-wider font-bold">প্রতিষ্ঠা</p>
          <p className="font-semibold text-gray-900">{party.founded}</p>
        </li>
        <li>
          <p className="text-xs text-gray-500 uppercase tracking-wider font-bold">প্রতিষ্ঠাতা</p>
          <p className="font-semibold text-gray-900">{party.founder}</p>
        </li>
        <li>
          <p className="text-xs text-gray-500 uppercase tracking-wider font-bold">
            বর্তমান নেতৃত্ব
          </p>
          <p className="font-semibold text-gray-900">{party.leader}</p>
        </li>
        <li>
          <p className="text-xs text-gray-500 uppercase tracking-wider font-bold">
            সাধারণ সম্পাদক/মহাসচিব
          </p>
          <p className="font-semibold text-gray-900">{party.secGen}</p>
        </li>
      </ul>
    </div>
  );
};

export default PartyBasicInfo;