// @flow import type { Node } from 'react'; import React, { Fragment } from 'react'; import classnames from 'classnames'; import SideNavigation from 'component/sideNavigation'; import Header from 'component/header'; import Footer from 'web/component/footer'; /* @if TARGET='app' */ import StatusBar from 'component/common/status-bar'; /* @endif */ export const MAIN_CLASS = 'main'; type Props = { children: Node | Array, className: ?string, autoUpdateDownloaded: boolean, isUpgradeAvailable: boolean, authPage: boolean, noHeader: boolean, noFooter: boolean, noSideNavigation: boolean, backout: { backLabel?: string, backCB?: () => void, backNavDefault?: string, title: string, simpleTitle: string, // Just use the same value as `title` if `title` is already short (~< 10 chars), unless you have a better idea for title overlfow on mobile }, }; function Page(props: Props) { const { children, className, authPage = false, noHeader = false, noFooter = false, noSideNavigation = false, backout, } = props; return ( {!noHeader &&
}
{children}
{!authPage && !noSideNavigation && } {/* @if TARGET='app' */} {/* @endif */}
{/* @if TARGET='web' */} {!noFooter &&