import {
  DeleteOutlined,
  EnterOutlined,
  MenuOutlined,
  PlusCircleOutlined,
  PlusOutlined,
} from "@ant-design/icons";
import { Menu } from "antd";
import state from "../store/state";
import store from "../store/global";
import { go, runInWrappedAction, wrappedAction } from "../store/history";

function getParagraphMenuOptions(paragraph) {
  return [];
  const handleMenu = wrappedAction(({ key }) => {
    switch (key) {
      case "justify-auto":
        paragraph.alignJustify = null;
        break;
      case "justify-enable":
        paragraph.alignJustify = true;
        break;
      case "justify-disable":
        paragraph.alignJustify = false;
        break;
    }
  });

  return (
    <Menu onClick={handleMenu}>
      <Menu.Item key="addNotation" icon={<PlusOutlined />}>
        添加符号
      </Menu.Item>
      <Menu.Item key="addParagraph" icon={<EnterOutlined />}>
        添加段落
      </Menu.Item>
      <Menu.SubMenu key="justify" title="两端对齐" icon={<MenuOutlined />}>
        <Menu.Item key="justify-auto">自动</Menu.Item>
        <Menu.Item key="justify-enable">启用</Menu.Item>
        <Menu.Item key="justify-disable">禁用</Menu.Item>
      </Menu.SubMenu>
      <Menu.Item danger key="delete" icon={<DeleteOutlined />}>
        删除段落
      </Menu.Item>
    </Menu>
  );
}

// ENHANCE: 同notation的菜单项处理函数，改改改
// TODO: working 现在就改！然后EditableContent应该直接传入antd的菜单项
_function handleSelectParagraphMenu(options, key) {
  runInWrappedAction(() => (state.shouldNotationBlurAfterClick = false));
  const callback = options.find((ops) => ops.key === key)?.onClick;
  callback && callback();
}

export { getParagraphMenuOptions, handleSelectParagraphMenu };