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

// @flow

import * as React from 'react';
import All from '@kiwicom/orbit-components/lib/icons/All';
import Text from '@kiwicom/nitro/lib/components/Text';
import { Stack, Card, CardSection } from '@kiwicom/orbit-components';

import SearchAutocomplete from './SearchAutocomplete';

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

const FullpageResult = ({ faqs }: Props) => (
  <div className="autocompleteWrapper">
    <Card>
      {faqs.map(faq => (
        <SearchAutocomplete key={faq.id} article={faq} />
      ))}
      <CardSection>
        <Stack inline>
          <All size="medium" color="tertiary" />
          <Text
            type="secondary"
            element="p"
            size="large"
            weight="normal"
            align="left"
            t="smartfaq.full_page.search.see_all_results"
          />
        </Stack>
      </CardSection>
    </Card>
    <style jsx>
      {`
        .autocompleteWrapper {
          width: 740px;
          border-radius: 3px;
          position: absolute;
          box-shadow: 0 4px 12px 0 rgba(23, 27, 30, 0.3);
          background-color: #ffffff;
          z-index: 11;
        }
      `}
    </style>
  </div>
);

export default FullpageResult;