jsx import React from 'react' ; import { CSSObject , jsx } from '@emotion/core' ; import { GUTTER } from './sizes' ; export type ContentProps < T = HTMLDivElement > = React . HTMLProps < T > ; export const contentStyle = props => ( { display : 'flex' , flexDirection : 'column' , flexGrow : 1 , padding : `0 ${ GUTTER }px` , } ) ; export const Content = ( props ) => < div css = { contentStyle ( props ) } { ... props } />;