import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { yupResolver } from "@hookform/resolvers/yup";
import { useForm } from "react-hook-form";
import { object, string } from "yup";
import { RenderStage } from "../storybook-utils.native.js";
import { FormSelect } from "./FormSelect.native.js";
import { FormProvider } from "./context.native.js";
var FormSelect_stories_default = {
    component: FormSelect,
    decorators: []
  },
  options = [{
    label: "Option A",
    value: "A"
  }, {
    label: "Option B",
    value: "B"
  }],
  Variants = function () {
    var formMethods = useForm({
      resolver: yupResolver(schema)
    });
    return /* @__PURE__ */_jsx(FormProvider, {
      formMethods,
      submitHandler: function () {},
      children: /* @__PURE__ */_jsxs(RenderStage, {
        children: [/* @__PURE__ */_jsx(FormSelect, {
          id: "property",
          label: "Standard",
          options,
          supportingText: "Standard select"
        }), /* @__PURE__ */_jsx(FormSelect, {
          id: "property",
          label: "Loading",
          options,
          loading: !0,
          supportingText: "Loading state"
        }), /* @__PURE__ */_jsx(FormSelect, {
          id: "property",
          label: "Error",
          options,
          error: !0,
          supportingText: "Error state"
        }), /* @__PURE__ */_jsx(FormSelect, {
          id: "property",
          label: "Disabled",
          options,
          disabled: !0,
          supportingText: "Disabled state"
        })]
      })
    });
  },
  schema = object({
    property: string().required()
  });
export { Variants, FormSelect_stories_default as default };
//# sourceMappingURL=FormSelect.stories.native.js.map
