import { useState } from "react";
import { YStack } from "tamagui";
import { Radio, RadioGroup } from "./Radio.mjs";
import { RenderStage, RenderVariants } from "./storybook-utils.mjs";
import { jsx, jsxs } from "react/jsx-runtime";
var Radio_stories_default = {
  component: Radio
};
const Components = () => {
  const [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.mjs.map
