<!-- source-hash: c824fadb4a04cf253f39902759563d6e -->
Storybook configuration file that defines interactive stories for the TagsInput component, providing a comprehensive showcase of different states and configurations for development and testing.

## Key Components

- **Meta Configuration**: Storybook metadata defining the component location and title
- **Story Variants**: Eight different story configurations showcasing various TagsInput states:
  - `Default`: Basic empty tags input
  - `WithLabel`: Tags input with a label
  - `WithInitialTags`: Pre-populated with example tags
  - `WithMaxTags`: Limited to maximum number of tags
  - `MaxTagsReached`: Demonstrates behavior when limit is reached
  - `Disabled`: Non-interactive disabled state
  - `CustomPlaceholder`: Example with domain-specific placeholder text
  - `AllVariants`: Side-by-side comparison of multiple configurations

## Usage Example

```typescript
// Each story uses a render function with React state management
export const WithInitialTags: Story = {
  args: {
    value: ['React', 'TypeScript', 'Storybook'],
    onChange: () => {},
    label: 'Technologies',
    placeholder: 'Add technology...',
  },
  render: function Render(args) {
    const [tags, setTags] = useState<string[]>(args.value);
    return <TagsInput {...args} value={tags} onChange={setTags} />;
  },
};
```

The stories demonstrate key TagsInput features including tag management, input validation, accessibility labels, placeholder customization, and disabled states. The `AllVariants` story provides a comprehensive visual comparison for design review and testing purposes.