import { jsx } from "react/jsx-runtime";
/* empty css                                                                                                                                                                                          */
/* empty css                                                                                                                                                                                           */
/* empty css                                                                                                                                                                                                   */
/* empty css                                                                                                                                                                                              */
/* empty css                                                                                                                                                                                              */
import { clsx } from "clsx";
import { mergeSxList } from "../../../utils/styles.mjs";
import { Group } from "../../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Group/Group.mjs";
const AppShellMain = ({ className, sx, ...rest }) => {
  return /* @__PURE__ */ jsx(
    Group,
    {
      gap: 0,
      wrap: "nowrap",
      align: "stretch",
      ...rest,
      className: clsx(className, "tiui-app-shell-main"),
      sx: mergeSxList([
        {
          position: "relative",
          height: "100%",
          minHeight: 0,
          overflow: "hidden",
          "&:where([data-height-flex])": {
            flex: 1
          }
        },
        sx
      ])
    }
  );
};
export {
  AppShellMain
};
