22 lines
838 B
JavaScript
22 lines
838 B
JavaScript
import '../styles/SingleExperience.css';
|
|
|
|
function SingleExperience({ experience, tasks }) {
|
|
return (
|
|
<div className="experience-card">
|
|
<div className="experience-card-left">
|
|
<h3 className="experience-company">{experience.company}</h3>
|
|
<p className="experience-location">{experience.location}</p>
|
|
<p className="experience-duration">{experience.duration}</p>
|
|
</div>
|
|
<div className="experience-card-right">
|
|
<h3 className="experience-role">{experience.role}</h3>
|
|
<ul className="experience-tasks">
|
|
{tasks.map((task) => (
|
|
<li>{task.description}</li>
|
|
))}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
export default SingleExperience; |