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

class Gallery extends Component {
  constructor(props){
    super()
  }
  render(){
    const { title, images } = this.props
	  const imageList = images.map(image => {
	   	return (
		   	<div>
		   		<img src={image.url} />
		   	</div>
	   	)
	  })
    imageList.push(imageList[0])
	  return (
	  	<div class='gallery'>
	  		{imageList}
	  	</div>
  	)
  }
}
const mapStateToProps = state => ({
})

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

export default connect(mapStateToProps, mapDispatchToProps)(Gallery)