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

interface PartyManifestoProps {
  party: Party;
}

const PartyManifesto = ({ party }: PartyManifestoProps) => {
  return (
    <div>
      <h3 className="text-xl font-bold text-gray-900 mb-4 pb-2 border-b border-gray-100">
        নির্বাচনী ইশতেহার ও সংস্কার প্রস্তাবনা
      </h3>
      <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
        {party.manifesto.map((item: string, index: number) => (
          <div
            key={index}
            className="flex items-start gap-3 bg-gray-50 p-4 rounded-xl border border-gray-100 hover:border-gray-200 transition-colors"
          >
            <span className={`material-symbols-outlined ${party.textColor} mt-0.5`}>
              check_circle
            </span>
            <span className="text-gray-700 font-medium text-sm">{item}</span>
          </div>
        ))}
      </div>
    </div>
  );
};

export default PartyManifesto;