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

// @flow

import * as React from 'react';

import FAQArticle from './FAQArticle';
import NoSearchResults from './NoSearchResults';
import ScrollableBox from '../../SmartFAQ/common/ScrollableBox';

type Props = {|
  faqs: Array<{
    +id: string,
  }>,
  isFullPage?: boolean,
|};

const SearchResults = ({ faqs, isFullPage }: Props) => (
  <>
    {!faqs.length ? (
      <NoSearchResults />
    ) : (
      <div style={{ marginBottom: isFullPage ? '40px' : '0' }}>
        <ScrollableBox disabled={isFullPage || false}>
          {faqs.map(faq => (
            <FAQArticle key={faq.id} article={faq} isSearchResult />
          ))}
        </ScrollableBox>
      </div>
    )}
  </>
);

export default SearchResults;