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

// @flow

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

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"
        t="smartfaq.single_booking_page.booking_not_found"
      />
    </div>
    <style jsx>{style}</style>
  </div>
);

export default BookingNotFound;