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 { Box } from "../../../node_modules/.pnpm/@mantine_core@7.17.8_patch_hash_3qirwkgu3wxhvd6hnr2gb24yzq_@mantine_hooks@7.17.8_react@18.3.1_e5yvlgwhmeykc75dkphi7jou6q/node_modules/@mantine/core/esm/core/Box/Box.mjs";
const AppShellBody = ({ className, sx, ...rest }) => {
  return /* @__PURE__ */ jsx(
    Box,
    {
      component: "main",
      ...rest,
      className: clsx(className, "tiui-app-shell-body"),
      sx: mergeSxList([
        (theme) => ({
          flex: 1,
          overflowX: "auto",
          backgroundColor: theme.colors.carbon[1]
        }),
        sx
      ])
    }
  );
};
export {
  AppShellBody
};
