import type { Meta, StoryObj } from '@storybook/svelte';
import Textarea from './Textarea.svelte';

const meta = {
  title: 'UI/Textarea',
  component: Textarea,
  tags: ['autodocs'],
  parameters: {
    docs: {
      description: {
        component: 'Mehrzeiliges Textfeld mit Label, optionaler Hilfetext- und Fehleranzeige. `bind:value` für zweiweite Bindung.',
      },
    },
  },
} satisfies Meta<Textarea>;

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

export const Default: Story = {
  args: {
    label: 'Nachricht',
    placeholder: 'Ihre Nachricht an uns...',
    helpText: 'Optional. Max. 500 Zeichen.',
  },
};

export const WithError: Story = {
  args: {
    label: 'Nachricht',
    error: 'Dieses Feld ist erforderlich.',
    invalid: true,
  },
};
