import type { Meta } from '@storybook/react'
import _ from 'lodash'
import { SplitTestContext } from '../../frontend/js/shared/context/split-test-context'

export const splitTestsArgTypes = {
  'local-ccy-format-v2': {
    description: 'Use local currency formatting',
    control: { type: 'radio' as const },
    options: ['default', 'enabled'],
  },
}

export const withSplitTests = (
  story: Meta,
  splitTests: (keyof typeof splitTestsArgTypes)[] = []
): Meta => {
  return {
    ...story,
    argTypes: { ...story.argTypes, ..._.pick(splitTestsArgTypes, splitTests) },
    decorators: [
      (Story, { args }) => {
        const splitTestVariants = _.pick(args, splitTests)
        const value = { splitTestVariants, splitTestInfo: {} }
        return (
          <SplitTestContext.Provider value={value}>
            <Story />
          </SplitTestContext.Provider>
        )
      },
      ...(story.decorators
        ? Array.isArray(story.decorators)
          ? story.decorators
          : [story.decorators]
        : []),
    ],
  }
}