import React from 'react';
import statusCodeImage from '../assets/img/404.png';
import { visualProvided, Spaced, Row, LeftCell, RightCell, Card, Title, Markdown } from '..';

function NotFoundPageContent({ t }) {
  return (
    <Spaced>
      <Title>{t('notFoundPageTitle')}</Title>
      <Card>
        <Row>
          <LeftCell>
            <img
              style={{ maxWidth: '100%' }}
              src={statusCodeImage}
              alt="not found"
            />
          </LeftCell>
          <RightCell>
            <Markdown>{t('notFoundPageContent')}</Markdown>
          </RightCell>
        </Row>
      </Card>
    </Spaced>
  );
}

export default visualProvided(NotFoundPageContent);