import React from "react";
import StepSlideHeader from "./stepSlideHeader";
import { WeaSlideModal } from "ecCom";
import SlideModalTitle from "../../components/slideModalTitle";

export default class StepSlide extends React.Component {
  render() {
    const { currentStep } = this.props;
    return (
      <WeaSlideModal
        className='slideOuterWrapper'
        visible={this.props.visible}
        top={0}
        width={65}
        height={100}
        direction={"right"}
        measure={"%"}
        title={
          <SlideModalTitle
            subtitle={this.props.title}
            editable={false}
            customOperate={
              this.props.customOperate
            }
          />
        }
        content={(<StepSlideHeader current={currentStep} steps={this.props.steps}>
          {this.props.content}
        </StepSlideHeader>)}
        onClose={() => this.props.onCancel()}
        showMask={true}
        closeMaskOnClick={() => this.props.onCancel()}/>
    );
  }
}