text: import React from 'react';
  import Card, { CardContent } from '@material-ui/core/Card';
  import withStyles from '@material-ui/core/styles/withStyles';
  
  const styles = {
      root: { display: 'inline-block', marginTop: '1em', zIndex: 2 },
      content: { padding: 0, '&:last-child': { padding: 0 } },
      img: {
          width: 'initial',
          minWidth: 'initial',
          maxWidth: '42em',
          maxHeight: '15em',
      },
  };
  
  const Poster = withStyles(styles)(({ classes, record }) => (
      <Card className={classes.root}>
          <CardContent className={classes.content}>
              <img src={record.image} alt="" className={classes.img} />
          </CardContent>
      </Card>
  ));
  
  export default Poster;
  