import { Button } from "antd";
import closeImg from "~/assets/images/map_bi/close.png";
import "./index.less";

const Port = ({ info, close, enter }) => {
  return (
    <div className="map_content_box">
      <div className="box-wrap">
        <div className="area">
          <div></div>
          <div className="area-title fontColor">{info?.name}</div>
          <div className="close" style={{ backgroundImage: `url(${closeImg})` }} onClick={close}></div>
        </div>
        <div className="content">
          <div className="data-label textColor">简介：</div>
          <div className="data-value">
            <span className="label-num textColor line-3">{info?.introduce}</span>
          </div>
          <div className="data-li h_60">
            <div className="btn-bottom">
              <Button
                type="primary"
                size="small"
                onClick={enter}
              >
                点击进入
              </Button>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
};

export default Port;
