import * as React from 'react' ; import WindowControls from '../components/header/WindowControls' ; import HeaderActions from '../components/header/HeaderActions' ; import Search from '../components/header/Search' ; import { AppStoreConsumer } from '../stores/AppContext' ; import DragRegion from '../components/header/DragRegion' ; import ModeTabs from '../components/header/ModeTabs' ; import { LayoutContextConsumer } from '../stores/LayoutContext' ; export interface HeaderContainerProps { } export interface HeaderContainerState { } export default class HeaderContainer extends React . Component < HeaderContainerProps , HeaderContainerState > { constructor ( props ) { super ( props ) ; } componentDidMount ( ) { } render ( ) { return ( < AppStoreConsumer > { store => ( < div className = "header" > < LayoutContextConsumer > { store => < ModeTabs { ... store } / > } < /LayoutContextConsumer> < DragRegion drag = { ! store . state . settings . system . unobtrusive } /> < div className = "search" > < Search store = { store } /> < /div> < div className = "content" > < HeaderActions /> < /div> < WindowControls unobtrusive = { ! store . state . settings . system . unobtrusive } /> < /div>)} < /AppStoreConsumer>); } }