import React from 'react';
import { FormattedMessage } from 'react-intl';
import { CapRow, CapHeading } from '@capillarytech/cap-ui-library';
import messages from './messages';

const AccessForbidden = () => (
  <CapRow type='flex' vertical justify='center' align='middle' className="margin-t-32 text-align-center">
    <CapHeading type="h2">
      <FormattedMessage {...messages.forbiddenHeader} />
    </CapHeading>
    <CapHeading type="h3" className="margin-t-24">
      <FormattedMessage {...messages.forbiddenDesc} />
    </CapHeading>
  </CapRow>
);

export default AccessForbidden;
