import { t } from '@lingui/macro';
import { Button } from 'antd';
import { SbtPageHeader } from 'components/page-header';
import { ReportDetailTable } from 'components/report-detail';
import { Dayjs } from 'dayjs';
import { useNavigate } from 'react-router-dom';

export interface ReportFormValues {
  dateRange: [Dayjs, Dayjs];
  includeTest: string;
}

const Dashboard = () => {
  const navigate = useNavigate();

  return (
    <>
      <SbtPageHeader
        title={t`Dashboard`}
        extra={
          <Button
            size='large'
            type='primary'
            onClick={() => navigate('/reports')}
            // icon={<PlusOutlined />}
          >
            {t`Go to Report page`}
          </Button>
        }
      />

      <ReportDetailTable />
    </>
  );
};

export default Dashboard;
