jsx import { CSSObject , jsx } from '@emotion/core' ; import React from 'react' ; import { QueryKeys , media } from '../../mediaQueries' ; export interface MenuScrollableItemsProps < T = HTMLDivElement > extends React . HTMLProps < T > { open ? : boolean ; } export const menuScrollableItemsStyle = props => ( { alignItems : 'center' , alignSelf : 'center' , display : 'flex' , [ media [ QueryKeys . TABLET_DOWN ] ] : { alignItems : 'center' , flexDirection : 'column' , margin : 'auto' , } , } ) ; export const MenuScrollableItems = ( props ) => ( < div css = { menuScrollableItemsStyle ( props ) } { ... props } />);