import { e as gql, j as jsxRuntimeExports } from "./index-Cr4zbAtA.js";
import { M as Metadata } from "./Metadata-aK5zM6ek.js";
import { c as createCell } from "./createCell-D7cbP3PP.js";
import { L as Loading$1, E as Empty$1, F as Failure$1, a as RouteCardsGrid } from "./RenderGraphCell-Y81I3-b5.js";
import "./_arrayReduce-DpAMpHWa.js";
import "./index-DFcimn70.js";
import "./ExclamationTriangleIcon-DBJKiWFf.js";
const QUERY = gql`
  query RenderGraphRoutesQuery {
    renderGraphRoutes {
      id
      name
    }
  }
`;
const Loading = () => /* @__PURE__ */ jsxRuntimeExports.jsx(Loading$1, {});
const Empty = () => /* @__PURE__ */ jsxRuntimeExports.jsx(Empty$1, {});
const Failure = ({
  error
}) => {
  return /* @__PURE__ */ jsxRuntimeExports.jsx(Failure$1, { error });
};
const Success = ({
  renderGraphRoutes
}) => {
  return /* @__PURE__ */ jsxRuntimeExports.jsx(RouteCardsGrid, { renderGraphRoutes, isWide: true });
};
const RenderGraphRoutesCell = createCell({ QUERY, Loading, Empty, Failure, Success, displayName: "RenderGraphRoutesCell" });
const RenderGraphRoutesPage = () => {
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
    /* @__PURE__ */ jsxRuntimeExports.jsx(Metadata, { title: "Render Graph Routes", description: "Render Graph Routes" }),
    /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { children: "Render Graph Routes Page" }),
    /* @__PURE__ */ jsxRuntimeExports.jsx(RenderGraphRoutesCell, {})
  ] });
};
export {
  RenderGraphRoutesPage as default
};
