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.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 ExpandNavbarButtonPlaceholder = () => {
  return /* @__PURE__ */ jsx(
    Box,
    {
      className: "tiui-app-shell-expand-navbar-button-placeholder",
      display: "inline-block",
      style: {
        "--button-width": "64px",
        "--button-height": "32px",
        "--placeholder-max-width": "calc(var(--app-shell-navbar-collapsed, 0) * (var(--button-width) + 16px))"
      },
      sx: {
        height: "var(--button-height)",
        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
};
