import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Plus } from "@truststack/icons-ui";
import { Adapt } from "tamagui";
import { Dialog } from "./Dialog.native.js";
import { Fab } from "./Fab.native.js";
import { Sheet } from "./Sheet.native.js";
function NavFab(param) {
  var {
    children
  } = param;
  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.native.js.map
