@kiwicom/smart-faq/src/SmartFAQ/SingleBookingPage/BookingError.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';

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

const BookingError = () => (
  <Wrapper>
    <Stack spaceAfter="small">
      <Heading>
        <Translate html t="smartfaq.single_booking_page.booking_error.title" />
      </Heading>
    </Stack>
    <Text
      type="secondary"
      size="large"
      html
      t="smartfaq.single_booking_page.booking_error.text"
    />
  </Wrapper>
);

export default BookingError;