import { jsx, jsxs, Fragment } from "react/jsx-runtime";
import Alert from "@mui/material/Alert";
import Box from "@mui/material/Box";
import Grid from "@mui/material/Grid";
import React__default from "react";
const Title = ({ children }) => /* @__PURE__ */ jsx(Fragment, { children });
const Action = ({ children }) => /* @__PURE__ */ jsx(Fragment, { children });
const Body = ({ children }) => /* @__PURE__ */ jsx(Fragment, { children });
const GridView = (props) => {
  const { children } = props;
  const childrenArray = React__default.Children.toArray(children);
  const getSlot = (Component) => childrenArray.find((child) => child.type === Component);
  return /* @__PURE__ */ jsx("div", { className: "flex h-full flex-1 flex-col gap-4 overflow-x-auto rounded-xl p-4", children: /* @__PURE__ */ jsx(Box, { sx: { flexGrow: 1 }, children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, children: [
    /* @__PURE__ */ jsx(Grid, { size: { xs: 12, md: 12 }, children: /* @__PURE__ */ jsx(Alert, { severity: "warning", children: "UNDER DEVELOPEMENT." }) }),
    /* @__PURE__ */ jsx(Grid, { size: { xs: 8, md: 8 }, children: getSlot(Title) }),
    /* @__PURE__ */ jsx(Grid, { size: { xs: 4, md: 4 }, children: getSlot(Action) }),
    /* @__PURE__ */ jsx(Grid, { size: { xs: 12, md: 12 }, children: getSlot(Body) }),
    "sdsd"
  ] }) }) });
};
GridView.Title = Title;
GridView.Action = Action;
GridView.Body = Body;
export {
  GridView as G
};
