import React from 'react';
import './index.scss';
import TimeArrow from '../../img/time-arrow.png';

function Step({ title, date, content, noArrow }) {

    return (
        <div className="step-item">
            <div className="sexange">
                <h4 className="sexange-tit">{title}</h4>
                <div className="sexange-date">{date}</div>
                <div className="sexange-content">{content}</div>
            </div>
            {!noArrow && <img className="time-arrow" src={TimeArrow}></img>}
        </div>
    )
}
export default Step;