import React from 'react';

function MissionCard({ mission, isSelected, onToggle }) {
  return (
    <div 
      className={`mission-card ${isSelected ? 'selected' : ''}`}
      onClick={onToggle}
    >
      <input 
        type="checkbox" 
        className="checkbox" 
        checked={isSelected}
        onChange={() => {}}
      />
      <h3>{mission.title}</h3>
      <p>{mission.description}</p>
    </div>
  );
}

export default MissionCard;