import { useCommands } from "@remirror/react";

// icons

export const UndoButton = () => {
  const { undo } = useCommands();

  return (
    <button
      type="button"
      onClick={() => {
        undo();
      }}
      className="rounded p-1 hover:bg-gray-100"
    >
      <svg xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 48 48">
        <path d="M14 38v-3h14.45q3.5 0 6.025-2.325Q37 30.35 37 26.9t-2.525-5.775Q31.95 18.8 28.45 18.8H13.7l5.7 5.7-2.1 2.1L8 17.3 17.3 8l2.1 2.1-5.7 5.7h14.7q4.75 0 8.175 3.2Q40 22.2 40 26.9t-3.425 7.9Q33.15 38 28.4 38Z" />
      </svg>
    </button>
  );
};
