import { mdiFileExportOutline } from '@mdi/js';
import Head from 'next/head';
import React, { ReactElement } from 'react';
import CardBox from '../components/CardBox';
import LayoutAuthenticated from '../layouts/Authenticated';
import SectionMain from '../components/SectionMain';
import SectionTitleLineWithButton from '../components/SectionTitleLineWithButton';
import { getPageTitle } from '../config';

const ETGrowExport = () => {
  return (
    <>
      <Head>
        <title>{getPageTitle('ET Grow Export')}</title>
      </Head>
      <SectionMain>
        <SectionTitleLineWithButton icon={mdiFileExportOutline} title="ET Grow Export" main>
          {''}
        </SectionTitleLineWithButton>
        <CardBox>
          <div className="text-center py-24 text-gray-500 dark:text-slate-400">
            Hello World
          </div>
        </CardBox>
      </SectionMain>
    </>
  );
};

ETGrowExport.getLayout = function getLayout(page: ReactElement) {
  return <LayoutAuthenticated>{page}</LayoutAuthenticated>;
};

export default ETGrowExport;
