import React from 'react' ; type PageLayoutProps = { children : React . ReactNode ; } ; const PageLayout = ( props ) : React . ReactElement | null => { const { children } = props ; if ( ! children ) { return null ; } return ( < main className = "flex flex-col items-center" > < div className = "max-w-screen-xl self-stretch m-auto w-full" > < article className = "px-6 sm:px-12 pt-6 pb-12" > { children } < /article> < /div> < /main>); } ; export default PageLayout ;