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