import React from 'react' ; import { Flex } from 'design' ; import { colors } from '../colors' ; const Document = ( { visible , children , ... styles } ) => ( < Flex flex = "1" style = { { overflow : 'auto' , background : colors . bgTerminal , display : visible ? 'flex' : 'none' , position : 'relative' , } } { ... styles } > { children } < /Flex>); export default Document ;