JSFiddle - React, Tailwind, and code Playground

by tonkec palonkec

React

import React from 'react';
import PropTypes from 'prop-types';
import { withStyles } from '@material-ui/core/styles';
import Card from '@material-ui/core/Card';
import CardMedia from '@material-ui/core/CardMedia';

const styles = theme => ({
  media: {
    width: "auto"
  },
});
class RedditCard extends React.Component {
  render() {
    const { classes } = this.props;
    return(
      <Card>
        <CardMedia 
        alt="My cool img"
        component="img"
        className={classes.media}
        image="https://placehold.it/100x100"
        />
      </Card>
    )
  
  }
}

RedditCard.propTypes = {
  classes: PropTypes.object.isRequired,
};


export default withStyles(styles)(RedditCard);