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

function Player(props) {
  let className = props.fullscreen ? 'player fullscreen' : 'player'
  if (props.square) {
    className += ' square'
  }
  return (
    <div className={className}>
      <canvas width={props.width} height={props.height} />
    </div>
  )
}

const mapStateToProps = state => ({
})

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

export default connect(mapStateToProps, mapDispatchToProps)(Player)