21 lines
450 B
JavaScript
21 lines
450 B
JavaScript
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; |