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

// @flow

import * as React from 'react';
import Translate from '@kiwicom/nitro/lib/components/Translate';
import {
  Button,
  Illustration,
  Heading,
  Stack,
  Separator,
} from '@kiwicom/orbit-components';
import Text from '@kiwicom/nitro/lib/components/Text';

const FAQCategoriesFullpageHeader = () => (
  <Stack spaceAfter="largest">
    <Heading type="title2" element="h2">
      <Translate t="smartfaq.full_page.categories.header.title" />
    </Heading>
    <Stack direction="row" grow>
      <Stack align="center" flex inline shrink>
        <Text t="smartfaq.full_page.categories.header.description" />
      </Stack>
      <Stack direction="row" align="center" flex inline>
        <Illustration size="small" name="Help" />
      </Stack>
    </Stack>
    <Button>
      <Translate t="smartfaq.kiwi_login.sign_in_button" />
    </Button>
    <Separator />
  </Stack>
);

export default FAQCategoriesFullpageHeader;