import { css } from 'emotion' ; import * as React from 'react' ; import { activityBarWidth } from './ActivityBar.styles' ; import { tabBarHeight } from './TabBar' ; const styles = { tabContent : css ( { position : 'absolute' , top : `${ tabBarHeight }%` , left : `${ activityBarWidth }%` , width : `${ 100 - activityBarWidth }%` , height : `${ 100 - tabBarHeight }%` , overflow : 'hidden' , } ) , } ; const TabContent = ( { children } ) => ( < div className = { styles . tabContent } > { children } < /div>); export default TabContent ;