1import { makeStyles } from '@material-ui/styles';
 2import React from 'react';
 3import Author from '../Author';
 4import Date from '../Date';
 5
 6const useStyles = makeStyles(theme => ({
 7  main: {
 8    ...theme.typography.body1,
 9    marginLeft: theme.spacing(1) + 40,
10  },
11  bold: {
12    fontWeight: 'bold',
13  },
14}));
15
16function SetTitle({ op }) {
17  const classes = useStyles();
18  return (
19    <div className={classes.main}>
20      <Author author={op.author} className={classes.bold} />
21      <span> changed the title from </span>
22      <span className={classes.bold}>{op.was}</span>
23      <span> to </span>
24      <span className={classes.bold}>{op.title}</span>
25      <Date date={op.date} />
26    </div>
27  );
28}
29
30export default SetTitle;