import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { File, Home, Settings } from "@truststack/icons-ui";
import { Theme, View } from "tamagui";
import { NavDrawer, NavDrawerItem, NavDrawerModel } from "./NavDrawer.native.js";
var NavDrawer_stories_default = {
    component: NavDrawer,
    parameters: {
      viewport: {
        defaultViewport: "tablet"
      },
      layout: "fullscreen"
    },
    decorators: [function (Story) {
      return /* @__PURE__ */_jsx(Theme, {
        name: "sustainability",
        children: /* @__PURE__ */_jsx(View, {
          style: {
            width: "100vw",
            height: "100vh",
            backgroundColor: "$surface"
          },
          children: /* @__PURE__ */_jsx(Story, {})
        })
      });
    }]
  },
  Example = function () {
    return /* @__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 = function () {
    return /* @__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.native.js.map
