import React from 'react';
import { Card, CardMedia, CardTitle, FlatButton, CardActions, CardText } from 'material-ui';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import UCdefaultTheme from '../../themes/DefaultTheme';

export default class IHNewsCard extends React.Component {
  handleClick() {
    // use PeopleSoft function to open URL in modal
    openContentInModal(this.props.data.link);
  }

  render() {
    const cardItem = this.props.data;
    let newsImage = null;

    const viewButton = (
      <CardActions>
        <FlatButton label="View" onClick={this.handleClick} />
      </CardActions>
    );

    if (cardItem.image !== undefined) {
      newsImage = (
        <CardMedia>
          <img src={cardItem.image.url} alt={cardItem.image.title} style={{ width: '100%' }} />
        </CardMedia>
      );
    }

    return (
      <Card>
        {newsImage}
        <CardTitle title={cardItem.title} />
        <CardText>{cardItem.description}</CardText>
        { this.props.showViewButton ? viewButton : null }
      </Card>
    );
  }
}

IHNewsCard.PropTypes = {
  data: React.PropTypes.object,
  showViewButton: React.PropTypes.boolean,
};

module.exports = IHNewsCard;