import { File, Home, Settings } from "@truststack/icons-ui";
import { Theme, View } from "tamagui";
import { NavDrawer, NavDrawerItem, NavDrawerModel } from "./NavDrawer";
import { jsx, jsxs } from "react/jsx-runtime";
var NavDrawer_stories_default = {
  component: NavDrawer,
  parameters: {
    viewport: {
      defaultViewport: "tablet"
    },
    layout: "fullscreen"
  },
  decorators: [
    (Story) => /* @__PURE__ */ jsx(Theme, { name: "sustainability", children: /* @__PURE__ */ jsx(
      View,
      {
        style: {
          width: "100vw",
          height: "100vh",
          backgroundColor: "$surface"
        },
        children: /* @__PURE__ */ jsx(Story, {})
      }
    ) })
  ]
};
const Example = () => /* @__PURE__ */ jsx(NavDrawer, { backgroundColor: "$surfaceContainerHigh", children: /* @__PURE__ */ jsxs(NavDrawer.Content, { children: [
  /* @__PURE__ */ jsx(NavDrawer.Headline, { children: "Headline" }),
  /* @__PURE__ */ jsxs(NavDrawerItem, { active: !0, children: [
    /* @__PURE__ */ jsx(NavDrawerItem.Icon, { Icon: Home }),
    /* @__PURE__ */ jsx(NavDrawerItem.Label, { children: "Home" }),
    /* @__PURE__ */ jsx(NavDrawerItem.Label, { trailing: !0, children: "24" })
  ] }),
  /* @__PURE__ */ jsxs(NavDrawerItem, { children: [
    /* @__PURE__ */ jsx(NavDrawerItem.Icon, { Icon: File }),
    /* @__PURE__ */ jsx(NavDrawerItem.Label, { children: "Reports" })
  ] }),
  /* @__PURE__ */ jsxs(NavDrawerItem, { children: [
    /* @__PURE__ */ jsx(NavDrawerItem.Icon, { Icon: Settings }),
    /* @__PURE__ */ jsx(NavDrawerItem.Label, { children: "Settings" })
  ] }),
  /* @__PURE__ */ jsx(NavDrawer.Divider, {}),
  /* @__PURE__ */ jsx(NavDrawer.Headline, { children: "More" }),
  /* @__PURE__ */ jsx(NavDrawerItem, { children: /* @__PURE__ */ jsx(NavDrawerItem.Label, { children: "Tasks" }) }),
  /* @__PURE__ */ jsx(NavDrawerItem, { children: /* @__PURE__ */ jsx(NavDrawerItem.Label, { children: "Notifications" }) })
] }) }), Modal = () => /* @__PURE__ */ jsx(NavDrawerModel, { open: !0, children: /* @__PURE__ */ jsx(NavDrawerModel.Portal, { children: /* @__PURE__ */ jsx(NavDrawerModel.Content, { children: /* @__PURE__ */ jsx(NavDrawer, { children: /* @__PURE__ */ jsxs(NavDrawer.Content, { children: [
  /* @__PURE__ */ jsx(NavDrawer.Headline, { children: "Headline" }),
  /* @__PURE__ */ jsxs(NavDrawerItem, { active: !0, children: [
    /* @__PURE__ */ jsx(NavDrawerItem.Icon, { Icon: Home }),
    /* @__PURE__ */ jsx(NavDrawerItem.Label, { children: "Home" }),
    /* @__PURE__ */ jsx(NavDrawerItem.Label, { trailing: !0, children: "24" })
  ] }),
  /* @__PURE__ */ jsxs(NavDrawerItem, { children: [
    /* @__PURE__ */ jsx(NavDrawerItem.Icon, { Icon: File }),
    /* @__PURE__ */ jsx(NavDrawerItem.Label, { children: "Reports" })
  ] }),
  /* @__PURE__ */ jsxs(NavDrawerItem, { children: [
    /* @__PURE__ */ jsx(NavDrawerItem.Icon, { Icon: Settings }),
    /* @__PURE__ */ jsx(NavDrawerItem.Label, { children: "Settings" })
  ] }),
  /* @__PURE__ */ jsx(NavDrawer.Divider, {}),
  /* @__PURE__ */ jsx(NavDrawer.Headline, { children: "More" }),
  /* @__PURE__ */ jsx(NavDrawerItem, { children: /* @__PURE__ */ jsx(NavDrawerItem.Label, { children: "Tasks" }) }),
  /* @__PURE__ */ jsx(NavDrawerItem, { children: /* @__PURE__ */ jsx(NavDrawerItem.Label, { children: "Notifications" }) })
] }) }) }) }) });
export {
  Example,
  Modal,
  NavDrawer_stories_default as default
};
//# sourceMappingURL=NavDrawer.stories.js.map
