import { jsx } from "react/jsx-runtime";
/* empty css                                                                                                                                                                                          */
/* empty css                                                                                                                                                                                           */
/* empty css                                                                                                                                                                                                   */
/* empty css                                                                                                                                                                                              */
/* empty css                                                                                                                                                                                              */
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";
const ExpandNavbarButtonPlaceholder = () => {
  return /* @__PURE__ */ jsx(
    Box,
    {
      display: "inline-block",
      style: {
        "--button-width": "32px",
        "--placeholder-max-width": "calc(var(--app-shell-navbar-collapsed, 0) * (var(--button-width) + 16px))"
      },
      sx: {
        height: "var(--button-width)",
        minWidth: 0,
        maxWidth: "var(--placeholder-max-width)",
        width: "calc(var(--placeholder-max-width) - (100vw - var(--app-shell-page-max-width, 100vw)) * 0.5)",
        flexShrink: 0
      },
      "aria-hidden": "true"
    }
  );
};
export {
  ExpandNavbarButtonPlaceholder
};
