import { Toolbar, Button } from "@wordpress/components";
import { check } from "@wordpress/icons";
import { __ } from "@wordpress/i18n";
import EditContext from "../blocks/reusable-display/context";
import { useContext } from "@wordpress/element";

export default () => {
  const { isEditing, setIsEditing } = useContext(EditContext);
  return (
    isEditing && (
      <Toolbar>
        <Button icon={check} onClick={() => setIsEditing(false)}>
          {__("Done Editing", "presto-player")}
        </Button>
      </Toolbar>
    )
  );
};