import type { Decorator } from '@storybook/react';
import type { CSSVariables } from '../../utils/types.js';

const defaultListStyles: CSSVariables = {
  '--hscl-listItem-color-primary': '#33475b',
  '--hscl-listItem-color-secondary': '#516f90',
  '--hscl-listItem-color-tertiary': '#7c98b6',
};

export const withListStyles: Decorator = Story => (
  <div style={defaultListStyles}>
    <Story />
  </div>
);
