import { jsx } from "react/jsx-runtime";
import { IconLayoutLeft } from "../../../icons/index.mjs";
/* empty css                                                                                                                                                                                          */
/* empty css                                                                                                                                                                                           */
/* empty css                                                                                                                                                                                                   */
/* empty css                                                                                                                                                                                              */
/* empty css                                                                                                                                                                                              */
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 ExpandNavbarButton = ({ onClick }) => /* @__PURE__ */ jsx(
  ActionIcon,
  {
    variant: "default",
    size: 32,
    onClick,
    sx: {
      position: "absolute",
      top: 16,
      left: 24,
      zIndex: 15
    },
    "aria-label": "navbar expand button",
    children: /* @__PURE__ */ jsx(IconLayoutLeft, { size: 20 })
  }
);
export {
  ExpandNavbarButton
};
