import React from 'react';
import Step from './step';
import './index.scss';

const stepArr = [{
  title: "Step1",
  date: "4.15",
  content: "GLCC夏令营活动发布"
},
{
  title: "Step2",
  date: "4.15-5.19",
  content: "社区项目报名，提交课题"
},
{
  title: "Step2",
  date: "5.20-5.25",
  content: "公示社区项目名单"
},
{
  title: "Step2",
  date: "5.26-6.24",
  content: "学生报名，提交Proposal"
},
{
  title: "Step2",
  date: "7.1",
  content: "公示入选学生名单",
  noArrow: true,
},
{
  title: "Step2",
  date: "7.1-8.12",
  content: "项目开发第一阶段",
},
{
  title: "Step2",
  date: "8.12-9.30",
  content: "项目开发第二阶段",
},
{
  title: "Step2",
  date: "10.1-10.21",
  content: "结项审核，并公示考核结果",
},
{
  title: "Step2",
  date: "10.21-11.11",
  content: "评选公布优秀项目和学员",
  noArrow: true,
}
]

function TimerShaft() {

  return (
    <div className="timerShaft">
      <div className="glcc-content">
        <h3 className="glcc-tit">时间规划</h3>
        <div className="time-content">
          {
            stepArr.map((item, i) => {
              return <Step {...item} title={`Step${i + 1}`} key={i}/>
            })
          }
        </div>
      </div>
    </div>
  )
}
export default TimerShaft;