import { undo as undoHandle } from '@codemirror/commands';
import { ICommand } from '.';

export const undo: ICommand = {
  name: 'undo',
  keyCommand: 'undo',
  button: { 'aria-label': 'undo text' },
  icon: (
    <svg viewBox="0 0 512 512" height="14" width="14">
      <path
        fill="currentColor"
        d="M448,440a16,16,0,0,1-12.61-6.15c-22.86-29.27-44.07-51.86-73.32-67C335,352.88,301,345.59,256,344.23V424A16,16,0,0,1,229,435.57l-176-168a16,16,0,0,1,0-23.14l176-168A16,16,0,0,1,256,88v80.36c74.14,3.41,129.38,30.91,164.35,81.87C449.32,292.44,464,350.9,464,424a16,16,0,0,1-16,16Z"
      />
    </svg>
  ),
  execute: ({ state, view }) => {
    if (!state || !view) return;
    undoHandle(view);
  },
};