import React from "react";
import {IconButton} from "@mui/material";
import ModeEdit from '@mui/icons-material/ModeEdit';

export interface EditElementButtonProps {
    onClick?: React.MouseEventHandler<HTMLButtonElement>,
    color?: 'primary' | 'secondary'
}

function EditElementButton(props: EditElementButtonProps) {
    return (
        <IconButton
            color={props.color ? props.color : "secondary"}
            aria-label="edit element"
            onClick={props.onClick}
        >
            <ModeEdit/>
        </IconButton>
    );
}

export default EditElementButton;