import React, { useState, useEffect } from 'react';
import styles from './index.less';
import { Input ,Menu,Table,Space,Pagination,Tooltip, Button } from 'antd';

import { Link, useIntl, connect, Dispatch } from 'umi';



const CompanyInformation = () => {

  return (
    <div className={styles.base}>

      <div className={styles.box1}>
        <div className={styles.box1item1}>Management Company</div>
        <div className={styles.box1item2}>Singapore Management Company</div>
        <div className={styles.box1item3}>  <Button>Edit</Button></div>    
      </div>
          
      <div className={styles.box2}>
          <div className={styles.box2item1}>Contact Number</div>
          <div className={styles.box2item2}><Input style={{width:200}} /></div>
      </div>
        <div className={styles.box2}>
          <div className={styles.box2item1}>Contact Email</div>
        <div className={styles.box2item2}><Input style={{width:200}}/></div>
      </div>
      
    </div>
  );
};


export default CompanyInformation;