import React from 'react' ; import ThemeContext from './ThemeContext' ; interface SidebarHeaderProps { text : string ; } const SidebarHeader = ( props ) => { const { text } = props ; return ( < ThemeContext . Consumer > { ( theme ) => ( < div className = 'c-sidebar__header' style = { { color : theme . text . base , background : theme . background . z2 , boxShadow : `
              0px 1px 0px 0px ${ theme . background . z5 } inset,
              0px -1px 0px 0px ${ theme . background . z5 } inset
            ` } } > < span > { text } < /span> < /div>)} < /ThemeContext.Consumer>); } ; export default SidebarHeader ;