import React from 'react' ; import { Observable } from 'rxjs' ; import useObservable from 'react-use/lib/useObservable' ; import classNames from 'classnames' ; export const AppWrapper = ( { chromeVisible$ , children } ) => { const visible = useObservable ( chromeVisible$ ) ; return < div className = { classNames ( 'app-wrapper' , { 'hidden-chrome' : ! visible } ) } > { children } < /div>; } ; export const AppContainer = ( { classes$ , children } ) => { const classes = useObservable ( classes$ ) ; return < div className = { classNames ( 'application' , classes ) } > { children } < /div>; } ;