page-container

Props

Prop name	Type	Default	Description
`Elem`	`"div" \| "main" \| "section" \| undefined`	`div`
`hasFixedHeader`	`boolean \| "no-nav" \| undefined`	`false`	Adds top padding to give space for fixed honeycomb header. Use "no-nav" if the page header does not have a navigation, so the space is smaller on tablets.
`extraClasses`	`string \| undefined`		Custom CSS class name.
`children`	`ReactNode`	`Required`	The page content.

PageContainer takes care of forming your page content area, this includes following things:

limiting the width of the area;
centering the limited area on the screen;
providing optional top spacing for layouts with fixed headers compensating for headers width.

Please refer to MainWrapper component docs for code examples and usage in context with other layout components.