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.8",
  content: "社区启动报名"
},
{
  title: "Step2",
  date: "5.20",
  content: "公示社区名单"
},
{
  title: "Step2",
  date: "5.21-6.19",
  content: "学生提交proposal"
},
{
  title: "Step2",
  date: "7.1",
  content: "公示项目申请审核结果",
  noArrow: true,
},
{
  title: "Step2",
  date: "7.4-8.12",
  content: "项目开发第一阶段",
},
{
  title: "Step2",
  date: "8.12-9.30",
  content: "项目开发第二阶段",
},
{
  title: "Step2",
  date: "10.1-10.14",
  content: "结项审核",
},
{
  title: "Step2",
  date: "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;