@kiwicom/smart-faq/src/SmartFAQ/common/ErrorMessage.js

// @flow

import React from 'react';
import { Heading, Text, Stack } from '@kiwicom/orbit-components';
import styled from 'styled-components';

import Link from './ContactUsLink/Link';

const Wrapper = styled.div`
  align-items: center;
  width: 480px;
  height: 100%;
  display: flex;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 50px;
`;

const ErrorMessage = () => (
  <Wrapper>
    <Stack spaceAfter="small">
      <Heading>Something&apos;s not quite right.</Heading>
      <Text size="large" type="secondary">
        Please, try refreshing the page. Sign out. Then sign in again. If the
        problem persists, don&apos;t hesitate to contact us.
      </Text>
      <Link />
    </Stack>
  </Wrapper>
);

export default ErrorMessage;