import React, { PropTypes } from 'react';
import Paper from 'material-ui/Paper';
import defaultImage from './img/NSSE2015Advertisement.jpg';

const today = Date.now();

const ImageCard = props =>
  ((props.dateDisplayed <= today) && (props.dateStopDisplayed >= today)
    ? (
      <Paper
        zDepth={1}
        className="paper"
        style={{ padding: '10px' }}
      >
        <div>
          <a href={props.link} target="_blank" rel="noopener noreferrer">
            <img src={props.imageSrc} alt={props.imageText} />
          </a>
        </div>
      </Paper>
    )
  : <div />
);

ImageCard.defaultProps = {
  imageSrc: defaultImage,
  dateStopDisplayed: today + 10000000,
  dateDisplayed: today - 10000000,
};

ImageCard.propTypes = {
  imageSrc: PropTypes.string.isRequired,
  imageText: PropTypes.string,
  link: PropTypes.string,
  dateDisplayed: PropTypes.number,
  dateStopDisplayed: PropTypes.number,
};

export default ImageCard;