import React from "react";
import { WeaSteps } from "ecCom";
import "./index.less";

const Step = WeaSteps.Step;

export default class StepSlideHeader extends React.Component {
  render() {
    return (
      <div className="stepSlideHeader">
        <div className="headerWrapper">
          <WeaSteps current={this.props.current}>
            {
              this.props.steps && this.props.steps.map(item =>
                (
                  <Step description={item}/>
                )
              )
            }
          </WeaSteps>
        </div>
        <div className="contentWrapper">
          {this.props.children}
        </div>
      </div>

    );
  }
}
