import React from "react"
import successImg from "./success.svg"
import { Button } from "antd"

export default class ModalStep3 extends React.Component {
    render() {
        return (
            <div style={{textAlign: "center", marginTop: "10px", overflow: "hidden", height: "550px", display:"flex", flexFlow: "column" }}>
                <div style={{flex: "1",display: "flex", justifyContent: "center", alignItems: "center"}}>
                    <div>
                        <img src={successImg} style={{marginBottom: "10px"}} />
                        <div style={{fontSize: "20px", marginBottom: "10px"}}>数据导入完成</div>
                        <div>已导入 <span style={{color: ""}}>158</span> 条数据，失败<span style={{color: ""}}> 2 </span>条数据，下载失败数据</div>
                    </div>
                </div>
                <div className="footerBtnWrapper" style={{height: "30px"}}>
                    <Button type="primary" style={{float: "right"}} onClick={this.props.onFinish}>完成</Button>
                </div>
            </div>
        )
    }
}