import { yupResolver } from "@hookform/resolvers/yup";
import { useForm } from "react-hook-form";
import { YStack } from "tamagui";
import { object, string } from "yup";
import { RenderStage } from "../storybook-utils";
import { FormInput } from "./FormInput";
import { FormProvider } from "./context";
import { jsx, jsxs } from "react/jsx-runtime";
const schema = object({
  test: string()
});
var FormInput_stories_default = {
  component: FormInput
};
const Variants = () => {
  const formMethods = useForm({
    resolver: yupResolver(schema)
  });
  return /* @__PURE__ */ jsx(FormProvider, { formMethods, submitHandler: () => {
  }, children: /* @__PURE__ */ jsx(YStack, { gap: "$4", children: /* @__PURE__ */ jsxs(RenderStage, { children: [
    /* @__PURE__ */ jsx(
      FormInput,
      {
        id: "test",
        label: "Tooltip",
        variant: "outlined",
        tooltip: "Hi! My name is John Wick."
      }
    ),
    /* @__PURE__ */ jsx(
      FormInput,
      {
        id: "test",
        label: "Label",
        variant: "outlined",
        helperText: "Helper text..."
      }
    ),
    /* @__PURE__ */ jsx(
      FormInput,
      {
        id: "test",
        label: "Multiline",
        variant: "outlined",
        helperText: "Helper text...",
        multiline: !0
      }
    ),
    /* @__PURE__ */ jsx(
      FormInput,
      {
        id: "test",
        label: "Label",
        variant: "outlined",
        error: !0,
        helperText: "Helper text..."
      }
    ),
    /* @__PURE__ */ jsx(
      FormInput,
      {
        id: "test",
        label: "Label",
        variant: "outlined",
        disabled: !0,
        helperText: "Helper text..."
      }
    ),
    /* @__PURE__ */ jsx(
      FormInput,
      {
        id: "test",
        label: "Loading",
        variant: "outlined",
        loading: !0,
        helperText: "Helper text..."
      }
    )
  ] }) }) });
};
export {
  Variants,
  FormInput_stories_default as default
};
//# sourceMappingURL=FormInput.stories.js.map
