import * as React from 'react' ; interface HeaderProps { clearResults : ( ) => any ; toggleAppendResults : ( ) => any ; appendResults : boolean ; } interface HeaderState { } class Header extends React . Component < HeaderProps , HeaderState > { constructor ( props ? , context ? ) { super ( props , context ) ; } render ( ) { return ( < header > < label > < input type = "checkbox" style = "vertical-align: middle;" checked = { this . props . appendResults } onChange = { ( ) => this . props . toggleAppendResults ( ) } /> Append Results & nbsp ; < /label> & nbsp ; < button onClick = { ( ) => this . props . clearResults ( ) } > Clear Results < /button> < /header>); } } export default Header ;