var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: !0 });
}, __copyProps = (to, from, except, desc) => {
  if (from && typeof from == "object" || typeof from == "function")
    for (let key of __getOwnPropNames(from))
      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
var NavDrawer_stories_exports = {};
__export(NavDrawer_stories_exports, {
  Example: () => Example,
  Modal: () => Modal,
  default: () => NavDrawer_stories_default
});
module.exports = __toCommonJS(NavDrawer_stories_exports);
var import_icons_ui = require("@truststack/icons-ui"), import_tamagui = require("tamagui"), import_NavDrawer = require("./NavDrawer"), import_jsx_runtime = require("react/jsx-runtime"), NavDrawer_stories_default = {
  component: import_NavDrawer.NavDrawer,
  parameters: {
    viewport: {
      defaultViewport: "tablet"
    },
    layout: "fullscreen"
  },
  decorators: [
    (Story) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, { name: "sustainability", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
      import_tamagui.View,
      {
        style: {
          width: "100vw",
          height: "100vh",
          backgroundColor: "$surface"
        },
        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Story, {})
      }
    ) })
  ]
};
const Example = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavDrawer.NavDrawer, { backgroundColor: "$surfaceContainerHigh", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_NavDrawer.NavDrawer.Content, { children: [
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavDrawer.NavDrawer.Headline, { children: "Headline" }),
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_NavDrawer.NavDrawerItem, { active: !0, children: [
    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavDrawer.NavDrawerItem.Icon, { Icon: import_icons_ui.Home }),
    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavDrawer.NavDrawerItem.Label, { children: "Home" }),
    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavDrawer.NavDrawerItem.Label, { trailing: !0, children: "24" })
  ] }),
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_NavDrawer.NavDrawerItem, { children: [
    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavDrawer.NavDrawerItem.Icon, { Icon: import_icons_ui.File }),
    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavDrawer.NavDrawerItem.Label, { children: "Reports" })
  ] }),
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_NavDrawer.NavDrawerItem, { children: [
    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavDrawer.NavDrawerItem.Icon, { Icon: import_icons_ui.Settings }),
    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavDrawer.NavDrawerItem.Label, { children: "Settings" })
  ] }),
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavDrawer.NavDrawer.Divider, {}),
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavDrawer.NavDrawer.Headline, { children: "More" }),
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavDrawer.NavDrawerItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavDrawer.NavDrawerItem.Label, { children: "Tasks" }) }),
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavDrawer.NavDrawerItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavDrawer.NavDrawerItem.Label, { children: "Notifications" }) })
] }) }), Modal = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavDrawer.NavDrawerModel, { open: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavDrawer.NavDrawerModel.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavDrawer.NavDrawerModel.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavDrawer.NavDrawer, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_NavDrawer.NavDrawer.Content, { children: [
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavDrawer.NavDrawer.Headline, { children: "Headline" }),
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_NavDrawer.NavDrawerItem, { active: !0, children: [
    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavDrawer.NavDrawerItem.Icon, { Icon: import_icons_ui.Home }),
    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavDrawer.NavDrawerItem.Label, { children: "Home" }),
    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavDrawer.NavDrawerItem.Label, { trailing: !0, children: "24" })
  ] }),
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_NavDrawer.NavDrawerItem, { children: [
    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavDrawer.NavDrawerItem.Icon, { Icon: import_icons_ui.File }),
    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavDrawer.NavDrawerItem.Label, { children: "Reports" })
  ] }),
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_NavDrawer.NavDrawerItem, { children: [
    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavDrawer.NavDrawerItem.Icon, { Icon: import_icons_ui.Settings }),
    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavDrawer.NavDrawerItem.Label, { children: "Settings" })
  ] }),
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavDrawer.NavDrawer.Divider, {}),
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavDrawer.NavDrawer.Headline, { children: "More" }),
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavDrawer.NavDrawerItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavDrawer.NavDrawerItem.Label, { children: "Tasks" }) }),
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavDrawer.NavDrawerItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavDrawer.NavDrawerItem.Label, { children: "Notifications" }) })
] }) }) }) }) });
//# sourceMappingURL=NavDrawer.stories.js.map
