@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,
  }>,
|};

const SearchResults = ({ faqs }: Props) => (
  <>
    {!faqs.length ? (
      <NoSearchResults />
    ) : (
      <ScrollableBox>
        {faqs.map(faq => (
          <FAQArticle key={faq.id} article={faq} isSearchResult />
        ))}
      </ScrollableBox>
    )}
  </>
);

export default SearchResults;