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

const meta = {
  title: "Components/Forms and Inputs/InputSearch",
  component: InputSearch,
  parameters: {
    viewport: { defaultViewport: "mobile1" },
    showNativeOnWebDisclaimer: true,
  },
} satisfies Meta<typeof InputSearch>;
export default meta;

type Story = StoryObj<
  Pick<ComponentProps<typeof InputSearch>, "placeholder" | "prefix">
>;

export const Basic: Story = {
  render: InputSearchBasic,
  args: {
    placeholder: "Search",
    prefix: {
      icon: "search",
    },
  },
};