import { useState } from "react";
import { AppShell } from "@add-ideas/toolbox-shell-react";
import "@add-ideas/toolbox-shell-react/styles.css";
import "./styles.css";
import { ErrorBoundary } from "./components/ErrorBoundary";
import { HelpDialog } from "./components/HelpDialog";
import { Workbench } from "./components/Workbench";
import { manifest } from "./toolbox/manifest";
export function App() {
  const [h, setH] = useState(false);
  return (
    <ErrorBoundary>
      <AppShell
        app={manifest}
        manifestUrl="./toolbox-app.json"
        helpAction={{ onClick: () => setH(true) }}
      >
        <Workbench />
      </AppShell>
      <HelpDialog open={h} onClose={() => setH(false)} />
    </ErrorBoundary>
  );
}