import { FC, useEffect, useState } from 'react';
import styles from './index.less';

interface PageProps {
}

const BottomConfigInfo: FC<PageProps> = ({}) => {

  return (
    <div className={styles.bottom_warp}>
      <div className={styles.item_con}>
        <div className={styles._img}></div>
        <div className={styles.item_info}>
          <div className={styles.item_title}>控制端系统配置信息</div>
          <div style={{ marginBottom: 6 }}>管理系统名称：--</div>
          <div>系统IP：--</div>
        </div>
      </div>
      <div className={styles.item_con}>
        <div className={styles._img}></div>
        <div className={styles.item_info}>
          <div className={styles.item_title}>被控设备配置信息</div>
          <div style={{ marginBottom: 6 }}>设备名称：--</div>
          <div>连接状态：--</div>
        </div>
      </div>
    </div>
  )
}

export default BottomConfigInfo