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