import React , { Component } from 'react' ; import { connect } from 'react-redux' ; import { handleClose } from '../actions/components' ; import BottomTabs from './BottomTabs' ; import { ComponentInt , ComponentsInt , ChildInt } from '../utils/InterfaceDefinitions' ; const mapDispatchToProps = ( dispatch ) => ( { handleNotificationClose : ( ) => dispatch ( handleClose ( ) ) , } ) ; const mapStateToProps = ( store ) => ( { focusChild : store . workspace . focusChild , components : store . workspace . components , } ) ; interface PropsInt { focusChild : ChildInt ; components : ComponentsInt ; focusComponent : ComponentInt ; } class BottomPanel extends Component < PropsInt > { render ( ) { const { components , focusComponent , focusChild } = this . props ; return ( < div className = "bottom-panel" style = { { width : '100%' } } > < BottomTabs components = { components } focusComponent = { focusComponent } focusChild = { focusChild } / > < /div>); } } export default connect ( mapStateToProps , mapDispatchToProps ) ( BottomPanel ) ;