import { Meta, StoryFn, StoryObj } from '@storybook/react';
import Textarea from './Textarea.tsx';
import { useState } from 'react';

const meta: Meta<typeof Textarea> = {
  component: Textarea,
  title: 'Molecules/Inputs/Textarea',
  tags: ['autodocs'],
};

export default meta;

const Template: StoryFn<typeof Textarea> = (args) => {
  const [value, setValue] = useState('');

  return <Textarea {...args} value={value} onChange={(value) => setValue(value)} />;
};

type Story = StoryObj<typeof Textarea>;

export const Default: Story = Template.bind({});
Default.args = {
  label: 'Label',
  placeholder: 'Value',
};