import { h, Component } from 'preact'
import { connect } from 'react-redux'

function Header(props) {
  return (
    <header>
      <b>live cortex</b>
      <span>{props.fps} fps</span>
    </header>
  )
}

const mapStateToProps = state => ({
  fps: state.live.fps,
  frame: state.live.frame,
})

const mapDispatchToProps = (dispatch, ownProps) => ({
})

export default connect(mapStateToProps, mapDispatchToProps)(Header)