import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useState } from "react";
import { View, YStack } from "tamagui";
import { Tabs, TabsContainer } from "./Tabs.native.js";
import { toCapitalCase } from "./render.native.js";
var Tabs_stories_default = {
    component: TabsContainer,
    parameters: {
      viewport: {
        defaultViewport: "mobile2"
      },
      layout: "fullscreen"
    },
    decorators: [function (Story) {
      return /* @__PURE__ */_jsx(View, {
        style: {
          height: "100vh",
          display: "flex"
        },
        children: /* @__PURE__ */_jsx(Story, {})
      });
    }]
  },
  Primary = function () {
    var [value, setValue] = useState("one");
    return /* @__PURE__ */_jsxs(YStack, {
      gap: 40,
      children: [/* @__PURE__ */_jsx(Tabs, {
        value,
        onChange: setValue,
        items: ["one", "two", "three"].map(function (v) {
          return {
            label: toCapitalCase(v),
            value: v
          };
        })
      }), /* @__PURE__ */_jsx(Tabs, {
        value,
        shiftLeft: !0,
        onChange: setValue,
        items: ["one", "two", "three"].map(function (v) {
          return {
            label: toCapitalCase(v),
            value: v
          };
        })
      })]
    });
  };
export { Primary, Tabs_stories_default as default };
//# sourceMappingURL=Tabs.stories.native.js.map
