import React, { useEffect, useState } from 'react';
import { Descriptions } from 'antd';
import {CloseOutlined} from '@ant-design/icons';

import moment from "moment"

function ShenLiu({ id, data, dispatch }) {
  console.log(data);
  const width = 780;
  
  const closePop = () => {
    dispatch.runtime.closeFeaturePop(id);
  };

  return (
    <>
    <div style={{width:'100%',height:'100%',background:'#ffffff'}} className='dp-popup'>
    <div className="dp-popup-content">
          <div className="content-body tyb" id='tyb'>
            <div className="title" style={{background:'f7f7f7',color: '#007AFD'}}>
              <div className="name flex flexac">
                <div className='nameBorder'></div>
                {data.damname}
                </div>
              <div className="extra">
                <CloseOutlined onClick={closePop} style={{color:"#333"}}/>
              </div>
            </div>

            <div className="body">
              渗流
            </div>
          </div>
          <div className="boxfoot"></div>
        </div>
    </div>
    </>
  )
}

export default React.memo(ShenLiu);