import React, { Component, PropTypes } from 'react';
import { connect } from 'react-redux';
import HoverImageTile from '../../components/HoverImageTile/components.jsx';

// include actions as they are needed by each component
// they are called via dispatch()

const propTypes = {
  dispatch: PropTypes.func,
  content: PropTypes.object
};

// in here, we determine the props to be passed down to the specific component needed
class HoverImageTileContainer extends Component {

  render () {
    return (
      <HoverImageTile {...this.props} />
    );
  }
}

HoverImageTileContainer.propTypes = propTypes;

function mapStateToProps(state) {
  const cdnImageBase = state.urls.cdnImageBase;
  const cdnUrl = state.urls.cdnUrl
  return {    
    cdnUrl,
    cdnImageBase
  };
}

export default connect(mapStateToProps)(HoverImageTileContainer);
