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