import React from "react";
import { Meta, StoryObj } from "@storybook/react-webpack5";

import { Input } from "./Input";

const meta: Meta = {
  component: Input,
  title: "Primitives/Input",
  argTypes: {},
};
export default meta;

type Story = StoryObj<typeof Input>;

export const Variants: Story = {
  render: (args) => (
    <div className="onvo-flex onvo-flex-col onvo-gap-2 onvo-max-w-72">
      <Input placeholder="Default" />
      <Input hasError placeholder="Has an error" />
      <Input placeholder="disabled" disabled />
      <Input placeholder="Upload a file" type="file" />
      <Input placeholder="Search" type="search" />
      <Input placeholder="Password" type="password" />
    </div>
  ),

  args: {},
};