import { makeStyles } from '@material-ui/core' import React from 'react' import { Link, IconButton } from 'src/components/buttons' import { H4 } from 'src/components/typography' import { ReactComponent as DisabledEditIcon } from 'src/styling/icons/action/edit/disabled.svg' import { ReactComponent as EditIcon } from 'src/styling/icons/action/edit/enabled.svg' import styles from './EditHeader.styles' const useStyles = makeStyles(styles) const Header = ({ title, editing, disabled, setEditing }) => { const classes = useStyles() return (

{title}

{!editing && ( setEditing(true)} className={classes.button} disabled={disabled}> {disabled ? : } )} {editing && (
Save Cancel
)}
) } export default Header