import type { Meta, StoryObj } from "@storybook/react-native-web-vite";
import { FormField } from "@jobber/components-native";
import { FormFieldBasic, FormFieldWithValidations } from "./docs";

const meta = {
  title: "Components/Private/FormField",
  component: FormField,
  parameters: {
    viewport: { defaultViewport: "mobile1" },
  },
} satisfies Meta<typeof FormField>;
export default meta;

interface NativeFormFieldStoryArgs {
  name?: string;
}
type Story = StoryObj<NativeFormFieldStoryArgs>;

export const Basic: Story = {
  render: FormFieldBasic,
  args: {
    name: "name",
  },
};

export const WithValidations: Story = {
  render: FormFieldWithValidations,
  args: {
    name: "validations",
  },
};