import React from 'react';

import { withStyles } from '@material-ui/core/styles';


const styles = theme => ({
  title: {
    marginTop: theme.spacing.unit * 3,
    marginBottom: theme.spacing.unit * 3
  }
});

const TextDisplay = ({
  title, value, classes
}) => (
  <div className={classes.title}>
    <p>
      {title}
    </p>
    <p>
      {value}
    </p>
  </div>
);

export default withStyles(styles)(TextDisplay);