import { h, Component } from 'preact'
import { bindActionCreators } from 'redux'
import { connect } from 'react-redux'
import { Link } from 'react-router-dom'
import util from '../../../util'

import { Views } from '../../../common'

import * as pix2pixActions from '../pix2pix.actions'
import pix2pixModule from '../pix2pix.module'

function Pix2PixNew(props){
  return (
    <Views.New
      db={props.pix2pix}
      path='/pix2pix/sequences/'
      actions={props.actions}
      module={pix2pixModule}
      history={props.history}
    />
  )
}

const mapStateToProps = state => ({
  pix2pix: state.module.pix2pix,
})

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

export default connect(mapStateToProps, mapDispatchToProps)(Pix2PixNew)