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