@kiwicom/smart-faq/src/SmartFAQ/AllBookings/BookingCard/PassengerCount.js

// @flow

import * as React from 'react';
import Text from '@kiwicom/orbit-components/lib/Text';
import Stack from '@kiwicom/orbit-components/lib/Stack';
import Passengers from '@kiwicom/orbit-components/lib/icons/Passengers';

type Props = {|
  passengerCount: ?number,
|};

const PassengerCount = ({ passengerCount }: Props) => {
  if (passengerCount) {
    return (
      <Stack direction="row" spacing="tight">
        <Passengers size="small" customColor="#bac7d5" />
        <Text>{passengerCount}</Text>
      </Stack>
    );
  }

  return <Text>-</Text>;
};

export default PassengerCount;