import { jsxs, jsx } from "react/jsx-runtime";
import { IconLayoutLeft } from "../../../icons/index.mjs";
/* empty css                                                                                                                                                                                          */
/* empty css                                                                                                                                                                                           */
/* empty css                                                                                                                                                                                                   */
/* empty css                                                                                                                                                                                              */
/* empty css                                                                                                                                                                                              */
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";
import { Box } 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/core/Box/Box.mjs";
import { ActionIcon } 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/ActionIcon/ActionIcon.mjs";
const NavbarHeader = ({ logo, onLogoClick, onToggleCollapse, ...restProps }) => {
  const handleLogoClick = () => {
    if (onLogoClick) {
      onLogoClick();
    } else {
      history.pushState({}, "", "/");
    }
  };
  return /* @__PURE__ */ jsxs(Group, { justify: "space-between", sx: { height: 64 }, ...restProps, children: [
    /* @__PURE__ */ jsx(
      Box,
      {
        onClick: handleLogoClick,
        sx: {
          width: 32,
          height: 28,
          paddingLeft: 4,
          cursor: "pointer"
        },
        "aria-label": "Logo",
        children: logo
      }
    ),
    /* @__PURE__ */ jsx(ActionIcon, { variant: "white", bg: "transparent", onClick: onToggleCollapse, "aria-label": "Navbar fold button", children: /* @__PURE__ */ jsx(IconLayoutLeft, { size: 20 }) })
  ] });
};
export {
  NavbarHeader
};
