import React from 'react';
import { AlignCenter } from '../../Component/layout';
import Modals from '../../Component/PublicModal/Index';
import { Button } from 'antd';

function QuitBox({ visible , onCancel ,onSuccess , name }) {
  return(
    <Modals
      visible={visible}
      onCancel={onCancel}
      title={"退出仓库"}
      btn={
        <div>
          <Button size={'large'} onClick={onCancel}>取消</Button>
          <Button type={"danger"} size={"large"} onClick={onSuccess}>确定</Button>
        </div>
      }
    >
      <div className="desc">
        <AlignCenter className="descMain">
          <i className="iconfont icon-jinggao1 mr10 font-20 red"></i>确定退出 {name} 仓库吗？</AlignCenter>
          <p style={{textAlign:"center"}}>请进行确认以防数据的丢失</p>
      </div>
    </Modals>
  )
}
export default QuitBox;