import type { Decorator } from '@storybook/react';
import styles from './VerticalMenuDecorator.module.scss';

/**
 * Shared decorator for VerticalMenu stories that applies default CSS variables
 * and scoped styles to prevent pollution across other Storybook stories.
 */
export const withVerticalMenuStyles: Decorator = Story => (
  <div className={styles.verticalMenuContainer}>
    <Story />
  </div>
);
