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

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

export default visualProvided(NotAllowedPageContent);