text: import React from 'react';
  import { Helmet } from 'react-helmet';
  import brand from 'enl-api/dummy/brand';
  import { PapperBlock } from 'enl-components';
  import CompossedLineBarArea from './CompossedLineBarArea';
  import StrippedTable from '../Table/StrippedTable';
  
  function BasicTable() {
    const title = brand.name + ' - Dashboard';
    const description = brand.desc;
    return (
      <div>
        <Helmet>
          <title>{title}</title>
          <meta name="description" content={description} />
          <meta property="og:title" content={title} />
          <meta property="og:description" content={description} />
          <meta property="twitter:title" content={title} />
          <meta property="twitter:description" content={description} />
        </Helmet>
        <PapperBlock title="Statistic Chart" icon="insert_chart" desc="" overflowX>
          <div>
            <CompossedLineBarArea />
          </div>
        </PapperBlock>
        <PapperBlock title="Table" whiteBg icon="grid_on" desc="UI Table when no data to be shown">
          <div>
            <StrippedTable />
          </div>
        </PapperBlock>
      </div>
    );
  }
  
  export default BasicTable;
  