@kiwicom/smart-faq/src/SmartFAQ/SingleBookingPage/BookingNotFound.js

Smart FAQ

// @flow

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

const style = css`
  .UpcomingBooking {
    width: 480px;
    padding: 40px;
    padding-top: 128px;
    background-color: #f5f7f9;
    height: 100%;
  }
  div.feedback {
    margin-top: 32px;
    display: flex;
    justify-content: center;
  }
`;

const BookingNotFound = () => (
  <div className="UpcomingBooking">
    <div className="feedback">
      <Text type="secondary" size="large">
        <Translate t={__('smartfaq.single_booking_page.booking_not_found')} />
      </Text>
    </div>
    <style jsx>{style}</style>
  </div>
);

export default BookingNotFound;