text: import React from "react";
  
  // styles
  import useStyles from "./styles";
  
  // components
  import { Typography } from "../Wrappers";
  
  export default function PageTitle(props) {
    var classes = useStyles();
  
    return (
      <div className={classes.pageTitleContainer}>
        <Typography className={classes.typo} variant="h1" size="sm">
          {props.title}
        </Typography>
        <div>
          <span className={classes.buttonBack}>
            {props.buttonBack && props.buttonBack}
          </span>
          {props.button && props.button}
        </div>
      </div>
    );
  }
  