import type { Meta, StoryObj } from "@storybook/preact";
import { SearchInput } from "./SearchInput";
import { useState } from "preact/hooks";

const meta: Meta<typeof SearchInput> = { title: "Primitives/SearchInput", component: SearchInput };
export default meta;
type Story = StoryObj<typeof SearchInput>;

export const Default: Story = {
  render: () => {
    const [v, setV] = useState("");
    return <div class="w-80"><SearchInput value={v} onChange={setV} placeholder="Search clients..." /></div>;
  },
};
