"use client";
import { j as e } from "../../../node_modules/.pnpm/react@19.1.0/node_modules/react/jsx-runtime.mjs";
import { useState as a } from "react";
import { useClickOutside as m, useMediaQuery as d } from "@mantine/hooks";
import i from "./Fab.module.scss.mjs";
import o from "./components/Button/index.mjs";
import c from "../../../node_modules/.pnpm/@tabler_icons-react@3.34.0_react@19.1.0/node_modules/@tabler/icons-react/dist/esm/icons/IconPlus.mjs";
const u = (n) => {
  const [s, r] = a(!1), l = m(() => r(!1));
  if (d("(min-width: 1200px)", !1))
    return /* @__PURE__ */ e.jsx(e.Fragment, {});
  let t = null;
  return s && (t = /* @__PURE__ */ e.jsx("div", { className: i.overlay })), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
    t,
    /* @__PURE__ */ e.jsxs("div", { ref: l, className: i.wrapper, children: [
      s && n.children,
      /* @__PURE__ */ e.jsx(o, { onClick: () => r(!s), children: /* @__PURE__ */ e.jsx(c, { size: 32 }) })
    ] })
  ] });
};
u.Button = o;
export {
  u as Fab,
  u as default
};
//# sourceMappingURL=index.mjs.map
