@kiwicom/smart-faq/src/shared/StaticFAQ/StaticFAQError.js

// @flow

import * as React from 'react';
import styled from 'styled-components';
import { Stack, Text, Heading } from '@kiwicom/orbit-components';
import Translate from '@kiwicom/nitro/lib/components/Translate';

import ContactUsLink from '../../SmartFAQ/common/ContactUsLink/ContactUsLink';

const Wrapper = styled.div`
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
`;

const StaticFAQError = () => (
  <Wrapper>
    <Stack>
      <Stack spaceAfter="small">
        <Heading>
          <Translate
            html
            t="smartfaq.single_booking_page.booking_error.title"
          />
        </Heading>
      </Stack>
      <Stack spaceAfter="medium">
        <Text type="secondary" size="large">
          <Translate html t="smartfaq.faq.error_page.description" />
        </Text>
      </Stack>
      <ContactUsLink
        translationKey={__('smartfaq.faq.article.contact_page_link')}
      />
    </Stack>
  </Wrapper>
);

export default StaticFAQError;