import type { ReactNode } from "react";

// Workflows is full-bleed — the editor (palette + canvas + inspector)
// takes the entire content area, so we strip the standard `.content-inner`
// max-width wrapper and pin a block container that `.flow` (display:flex,
// height:100%) fills naturally.
//
// Don't make this wrapper `display: flex` — the child `.flow` would then
// be a non-flex flex-item that shrinks to its fixed-width palette +
// inspector and leaves the canvas at width 0.
export default function WorkflowsLayout({ children }: { children: ReactNode }) {
  return (
    <div
      style={{
        position: "absolute",
        inset: 0,
        overflow: "hidden",
      }}
    >
      {children}
    </div>
  );
}