import { Button, Descriptions, Modal } from "antd";

const CloseReasonModal = (props) => {
  return (
    <Modal
      open
      title="强制关闭原因"
      maskClosable={false}
      onCancel={props.onCancel}
      footer={[
        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
      ]}
      width={600}
    >
      <Descriptions
        bordered
        column={1}
        styles={{ label: { width: 200 } }}
        items={[
          { label: "强制关闭原因", children: props.closeReason },
        ]}
      />
    </Modal>
  );
};

export default CloseReasonModal;