import {FC} from 'react';
import css from './index.module.css';
import Header from './header';
import platformIcon from '@assets/images/screen/platform.webp';
import ChartsGroup from './chart';
import Group from './group';
import List from './list';

const Screen: FC = function () {
  return (
    <main className={css.main}>
      <Header />

      <section className={css.content}>
        <ul className={css.aside}>
          <li>
            <img src={platformIcon} />
            <span>物料平台</span>
          </li>
        </ul>
        <div className={css.list}>
          <Group />
          <List />
        </div>
        <div className={css.chartGroup}>
          <ChartsGroup />
        </div>
      </section>
    </main>
  );
};

export default Screen;
