import React from 'react';

const TimelineHeader = ({ title, date0, date1, onClick }) => (
  <div className="timeline-header">
    <div className="timeline-toggle" onClick={() => onClick()}>
      <p><i className="arrow-down"></i></p>
    </div>
    <div className="timeline-info">
      <p>{title}</p>
      <p>{date0} - {date1}</p>
    </div>
  </div>
);

export default TimelineHeader;