content: import React from 'react'
  import { Card, CardActions, CardHeader, CardMedia, CardTitle, CardText } from 'material-ui/Card'
  import FlatButton from 'material-ui/FlatButton'
  import moment from 'moment'
  import LinearProgress from 'material-ui/LinearProgress'
  
  export default props => (
    <Card style={{
      width: 'calc(50% - 40px)',
      margin: '20px'
    }}>
      <CardMedia
        style={{
          width: '100%',
          height: '400px',
          background: 'url("http://www.euneighbours.eu/sites/default/files/2017-01/placeholder.png") no-repeat 50% 50%',
          backgroundSize: '100% 100%'
        }}
        onClick={() => props.goToProject(props._id)}
      />
      <CardTitle
        title={props.name}
        subtitle={moment(props.createdDate).format('DD/MM/YYYY')}
        onClick={() => props.goToProject(props._id)}
      />
      <CardText>
        {props.description}
        <div style={{
          margin: '10px 0'
        }}>
          Money Collected: {props.amount}/{props.limit}
        </div>
        <LinearProgress mode="determinate" value={(props.amount / props.limit) * 100} />
      </CardText>
      <CardActions>
        <FlatButton label="Donate" onClick={() => props.openTransactionModal(props._id)} />
        <FlatButton label="Expand" onClick={() => props.goToProject(props._id)} />
      </CardActions>
    </Card>
  )