import React from 'react';
import { WeaSteps } from 'ecCom'
const Step = WeaSteps.Step;
import "./index.less"

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>
            
        )
    }
}