import * as React from 'react' ; import { Global , css } from '@emotion/core' ; import styled from '@emotion/styled' ; import normalize from '../../styles/normalize' ; const StyledLayoutRoot = styled ( 'div' ) `
  display: flex;
  flex-direction: column;
  min-height: 100vh;
` ; interface LayoutRootProps { className ? : string ; } const LayoutRoot = ( { children , className } ) => ( < > < Global styles = { ( ) => css ( normalize ) } /> < StyledLayoutRoot className = { className } > { children } < /StyledLayoutRoot> < />); export default LayoutRoot ;