import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useState } from "react";
import { YStack } from "tamagui";
import { Radio, RadioGroup } from "./Radio.native.js";
import { RenderStage, RenderVariants } from "./storybook-utils.native.js";
var Radio_stories_default = {
    component: Radio
  },
  Components = function () {
    var [value, setValue] = useState("hello");
    return /* @__PURE__ */_jsxs(YStack, {
      gap: 40,
      children: [/* @__PURE__ */_jsx(RenderVariants, {
        title: "Individual Radio",
        children: /* @__PURE__ */_jsxs(RenderStage, {
          children: [/* @__PURE__ */_jsx(Radio, {}), /* @__PURE__ */_jsx(Radio, {
            selected: !0
          })]
        })
      }), /* @__PURE__ */_jsx(RenderVariants, {
        title: "Radio Group",
        children: /* @__PURE__ */_jsx(RenderStage, {
          children: /* @__PURE__ */_jsx(RadioGroup, {
            value,
            onChange: setValue,
            items: [{
              label: "Hello",
              value: "hello"
            }, {
              label: "World",
              value: "world"
            }]
          })
        })
      })]
    });
  };
export { Components, Radio_stories_default as default };
//# sourceMappingURL=Radio.stories.native.js.map
