import React from "react";
import { connect } from "dva";
import DateTimeDisplay from "./DateTimeDisplay";
import styles from "../styles/header_content.less";

const HeaderContent = ({ updateTime }) => {
  return (
    <div className={styles.headerContent}>
      <div className={styles.headerContentTitle}>
        南京江北新区跨境出海服务平台
      </div>
      <div className={styles.leftMoveLine}></div>
      <div className={styles.rightMoveLine}></div>
      <div className={styles.updateTime}>
        <span>更新时间: </span>
        <span>{updateTime}</span>
      </div>
      <div className={styles.headerContentTime}>
        <DateTimeDisplay />
      </div>
      <div className={styles.weather}>
        {/* <iframe
          id="ifra"
          width="1360"
          height="140"
          frameborder="0"
          allowtransparency="true"
          scrolling="no"
          hspace="0"
          src="https://i.tianqi.com/?c=code&id=34&icon=1&color=%23FFFFFF&py=nanqiaoqu&wind=1&num=6&site=70"
        /> */}
        <iframe
          width="600"
          scrolling="no"
          height="60"
          frameborder="0"
          allowtransparency="true"
          src="https://i.tianqi.com?c=code&id=34&color=%23ffffff&icon=1&py=nanjing&site=32&lang=cn"
        />
      </div>
    </div>
  );
};

export default connect(({ bigscreen }) => ({
  updateTime: bigscreen.updateTime,
}))(HeaderContent);
