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

Smart FAQ

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

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>
            <Translate
              t={__('smartfaq.full_page.categories.header.description')}
            />
          </Text>
        </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;