` container styles with padding, etc. }; const Layout = ({ noContainer, className, children, ...rest }: LayoutProps) => { const { resolvedTheme } = useTheme(); return ( <> {/* convert themes object into inlined css variables */} {/* dynamically set browser theme color to match the background color */} {/* remove the `.no-fade` class above from body once the page is finished loading */}

{/* passing `noContainer={true}` to Layout allows 100% control of the content area on a per-page basis */} {noContainer ? ( <>{children} ) : (

{children}

)}

); }; export default Layout;