import React from 'react';
import { Faq } from 'app/modules/faq/components/faq';
import { TopNavigation } from 'app/modules/navigation/components/topNavigation';
import { SubHeader } from 'app/shared/components/topBar/subHeader';

export const FaqPage = () => {
  return (
    <div className="o-page-layout o-page-layout--bottom-space o-page-layout--sticky-header o-page-layout--aside">
      <header className="o-page-layout__header">
        <TopNavigation withoutNavItems/>
      </header>
      <main className="o-page-layout__content o-page-layout__content--no-sub-header">
        <SubHeader
          headline="FAQ"
          line1='Select a topic and find answers to commonly raised questions '
          hasPrintButton
        />
        <Faq />
      </main>
    </div>
  );
};