import { ReportViewer } from '@/components/reports/ReportViewer'
import { Container } from '@/components/shared'
import { useLocalization } from '@/utils/hooks/useLocalization'
import React from 'react'
import { Helmet } from 'react-helmet'

const ReportViewerPage: React.FC = () => {
  const { translate } = useLocalization()

  return (
    <Container>
      <Helmet
        titleTemplate="%s | Kurs Platform"
        title={translate('::' + 'App.Reports')}
        defaultTitle="Kurs Platform"
      ></Helmet>
      <ReportViewer />
    </Container>
  )
}

export default ReportViewerPage
