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

import { Textarea } from "./Textarea";

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

type Story = StoryObj<typeof Textarea>;

export const Variants: Story = {
  render: (args) => (
    <div className="onvo-flex onvo-flex-col onvo-gap-2 onvo-max-w-72">
      <Textarea placeholder="Default" />
      <Textarea hasError placeholder="Has an error" />
      <Textarea placeholder="disabled" disabled />
    </div>
  ),

  args: {},
};