import { jsxs, 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 PageShellBaseHeader = ({
  sticky,
  leftSection,
  rightSection,
  children,
  ...restProps
}) => {
  return /* @__PURE__ */ jsxs(
    Group,
    {
      wrap: "nowrap",
      justify: "space-between",
      gap: 0,
      ...restProps,
      className: clsx(restProps.className, "tiui-page-shell-header"),
      mod: [{ sticky }, restProps.mod],
      sx: mergeSxList([
        {
          paddingLeft: 24,
          paddingRight: 24,
          height: 64,
          "&[data-sticky]": {
            position: "sticky",
            zIndex: 2,
            top: 0,
            left: 0
          }
        },
        restProps.sx
      ]),
      children: [
        leftSection,
        /* @__PURE__ */ jsx(Group, { wrap: "nowrap", sx: { flex: 1, marginRight: 16 }, children }),
        rightSection
      ]
    }
  );
};
export {
  PageShellBaseHeader
};
