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

export default class StepSlide extends React.Component {
    render() {
        const { currentStep } = this.props;
        return (
            <WeaSlideModal visible={this.props.visible}
                top={0}
                width={40}
                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()} /> 
        )
    }
}