import {FC} from 'react';
import Group from './group';
import {Col, Row, Space} from 'antd';
import RawChart from './raw';
import FinishChart from './finish';
import DatePanel from './date';

const Main: FC = function () {
  return (
    <section className='content-main'>
      <Space direction='vertical' className='width-full'>
        <Group />
        <Row gutter={12}>
          <Col span={15}>
            <Space direction='vertical' className='width-full'>
              <RawChart />
              <FinishChart />
            </Space>
          </Col>
          <Col span={9}>
            <DatePanel />
          </Col>
        </Row>
      </Space>
    </section>
  );
};

export default Main;
