import { Plus } from "@truststack/icons-ui";
import { Adapt } from "tamagui";
import { Dialog } from "./Dialog";
import { Fab } from "./Fab";
import { Sheet } from "./Sheet";
import { jsx, jsxs } from "react/jsx-runtime";
function NavFab({ children }) {
  return /* @__PURE__ */ jsxs(Dialog, { modal: !0, children: [
    /* @__PURE__ */ jsx(Dialog.Trigger, { asChild: !0, style: { borderStyle: "hidden" }, children: /* @__PURE__ */ jsx(Fab, { children: /* @__PURE__ */ jsx(Fab.Icon, { icon: Plus }) }) }),
    /* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(
      Sheet,
      {
        animation: "medium",
        zIndex: 2e5,
        modal: !0,
        dismissOnOverlayPress: !0,
        dismissOnSnapToBottom: !0,
        children: [
          /* @__PURE__ */ jsx(Sheet.Overlay, {}),
          /* @__PURE__ */ jsx(Sheet.Handle, {}),
          /* @__PURE__ */ jsx(Sheet.Frame, { children: /* @__PURE__ */ jsx(Adapt.Contents, {}) })
        ]
      }
    ) }),
    /* @__PURE__ */ jsxs(Dialog.Portal, { children: [
      /* @__PURE__ */ jsx(Dialog.Overlay, {}),
      /* @__PURE__ */ jsx(Dialog.Content, { children })
    ] })
  ] });
}
export {
  NavFab
};
//# sourceMappingURL=NavFab.js.map
