import type { Meta, StoryObj } from '@storybook/react-vite';

import { TextareaField } from './TextareaField';

// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
const meta: Meta<typeof TextareaField> = {
  title: 'UI kit/Form/TextareaField',
  component: TextareaField,
  tags: ['autodocs'],
};

export default meta;
type Story = StoryObj<typeof TextareaField>;

// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
export const Default: Story = {
  // More on args: https://storybook.js.org/docs/react/writing-stories/args
  args: {
    label: 'Textarea',
    placeholder: 'placeholder',
    tooltip: 'Hey,this is tooltip',
  },
};

export const Disabled: Story = {
  args: {
    label: 'Textarea',
    disabled: true,
  },
};

export const Justify: Story = {
  args: {
    label: 'Textarea',
    justify: true,
    placeholder: 'placeholder',
    tooltip: 'Hey,this is tooltip',
  },
};

export const Required: Story = {
  args: {
    label: 'Textarea',
    required: true,
  },
};