import React from 'react';
import { Grid, Space } from '@arco-design/web-react';
import Overview from './overview';
import Shortcuts from './shortcuts';
import Announcement from './announcement';
import Carousel from './carousel';
import styles from './style/index.module.less';
import './mock';

const gutter = 16;

function Workplace() {
  return (
    <div className={styles.wrapper}>
      <Space size={16} direction="vertical" className={styles.left}>
        <Overview />
      </Space>
      <Space className={styles.right} size={16} direction="vertical">
        <Shortcuts />
        <Carousel />
        <Announcement />
      </Space>
    </div>
  );
}

export default Workplace;
