import React from 'react';
import { useTranslation } from '@digigov/ui/i18n';
import { Main, Aside } from '@digigov/ui/layouts/Basic';
import PageTitleContainer, { PageTitleHeading } from '@digigov/ui/app/PageTitleContainer';
import CallToAction from '@digigov/ui/form/Button/CallToAction';
import Paragraph from '@digigov/ui/typography/Paragraph';

import CommonLayout from '<%= name %>/components/CommonLayout';

const Home: React.FC = () => {
  const { t } = useTranslation();
  return (
    <CommonLayout>
      <Main>
        <PageTitleContainer>
          <PageTitleHeading>{t('app.name')}</PageTitleHeading>
        </PageTitleContainer>
        <Paragraph>{t('app.intro_text')}</Paragraph>
        <CallToAction href="/login">{t('button.start')}</CallToAction>
      </Main>
      <Aside></Aside>
    </CommonLayout>
  );
};

export default Home;