import { h, Component } from 'preact'
import { connect } from 'react-redux'
import { bindActionCreators } from 'redux'
import * as liveActions from '../live/actions'

class ParamGroup extends Component {
  render() {
    const props = this.props
    return (
      <div class='paramGroup'>
        <label>
          <h3>{props.title}</h3>
          <input type='checkbox' />
        </label>
        {props.children}
      </div>
    )
  }
}

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

const mapDispatchToProps = (dispatch, ownProps) => ({
  actions: bindActionCreators(liveActions, dispatch)
})

export default connect(mapStateToProps, mapDispatchToProps)(ParamGroup)