import type { ComponentProps } from "react";
import type { Meta, StoryObj } from "@storybook/react-native-web-vite";
import { Select } from "@jobber/components-native";
import { SelectBasic, SelectInitialValue } from "./docs";

type SelectStoryArgs = Pick<
  ComponentProps<typeof Select>,
  "label" | "defaultValue"
>;

const meta = {
  title: "Components/Selections/Select",
  component: Select,
  parameters: {
    viewport: { defaultViewport: "mobile1" },
    showNativeOnWebDisclaimer: true,
  },
} satisfies Meta<typeof Select>;

export default meta;

type Story = StoryObj<SelectStoryArgs>;

export const Basic: Story = {
  render: SelectBasic,
  args: {
    label: "Favorite number",
  },
};

export const InitialValue: Story = {
  render: SelectInitialValue,
  args: {
    label: "Favorite number",
    defaultValue: "2",
  },
};