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

import { EmailInput } from "./EmailInput";

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

type Story = StoryObj<typeof EmailInput>;

export const Variants: Story = {
  render: (args) => (
    <div className="onvo-flex onvo-flex-col onvo-gap-2 onvo-max-w-96">
      <EmailInput
        placeholder="Hello world"
        value={[]}
        onValueChange={() => {}}
      />
    </div>
  ),

  args: {},
};