Storybook configuration file that defines interactive documentation and testing scenarios for the MoreActionsMenu component, showcasing its various states and configurations.
## Key Components
- **meta**: Main Storybook configuration object defining component metadata, controls, and documentation
- **Default**: Basic story showing a simple three-item menu with text-only options
- **WithIcons**: Story demonstrating menu items enhanced with visual icons
- **WithDanger**: Story showcasing destructive actions with danger styling
## Usage Example
```typescript
// Import the stories for testing or reference
import { Default, WithIcons, WithDanger } from './MoreActionsMenu.stories';
// Example menu configuration with mixed item types
const menuItems = [
{
label: 'Edit',
onClick: () => console.log('Edit clicked'),
icon: ,
},
{
label: 'Delete',
onClick: () => console.log('Delete clicked'),
icon: ,
danger: true,
},
];
// The component supports positioning and styling options
```
The stories demonstrate the component's flexibility with different menu item configurations including icons, danger states, and accessibility features. The decorator provides consistent spacing for visual testing across all story variants.