import React from 'react';
import { Typography, Grid } from '@material-ui/core';

const ReviewTitle = ({ onClick, title }) => (
  <Grid
    container
    justify="space-between"
    alignItems="center"
  >
    <Typography
      variant="subheading"
      color="inherit"
    >
      {title}
    </Typography>
    <Typography
      variant="body1"
      color="primary"
      onClick={() => onClick()}
    >
        edit
    </Typography>

  </Grid>
);

export default ReviewTitle;