import React from "react";
import { Button } from "antd";
import { ipcRenderer } from "electron";

import "./DevToolsButton.less";

const isDev = process.env.NODE_ENV === "development";

export default function DevToolsButton({ route }) {
  return (
    <div>
      {isDev ? (
        <Button
          key="devtools"
          className="devtools-button"
          onClick={() =>
            ipcRenderer.send("toolwindow", {
              event: "openDevTools",
              window: route,
            })
          }
        >
          DevTools
        </Button>
      ) : null}
    </div>
  );
}