import React, { PropsWithChildren } from "react";
import ReactFlow, { Panel } from "reactflow";
import { FlowBar } from "../FlowBar";

//import "reactflow/dist/style.css";

// function Flow({ children, ...props }: ReactFlowProps) {
//   // you can access the internal state here
//   //const reactFlowInstance = useReactFlow();

//   return (
//     <>
//       <ReactFlow {...props}>{children}</ReactFlow>
//     </>
//   );
// }

function Editor({ children, ...props }: { children?: any }) {
  return (
    <>
      <FlowBar
        reactFlowInstance={null}
        //   logo_url="https://res.cloudinary.com/dhwxfvlrn/image/upload/v1675026390/cloudinary_logo_white_0720_svg_jlqmzd.svg"
        logo_url="https://dolby.io/wp-content/uploads/2022/09/2020_DolbyIO_Horiz_White.svg"
      ></FlowBar>
    </>
  );
}

export { Editor };
