import type { FunnelManifestStep, FunnelStepMeta } from '@funnelsgrove/runtime';

const choice = { answerKey: 'priorities', allowEmpty: true } as const;

const manifestStep = {
  id: 'priorities',
  name: 'priorities',
  path: '/priorities',
  filePath: 'src/steps/step-priorities.tsx',
  componentKey: 'stepPriorities',
  type: 'multi_select_choice',
  choice,
  title: 'Choose your priorities',
} as const satisfies FunnelManifestStep;

const componentMeta = {
  id: 'priorities',
  name: 'priorities',
  type: 'multi_select_choice',
  choice,
  figmaNodeId: 'golden:multi-select-choice',
  title: 'Choose your priorities',
  description: 'Select any priorities that apply.',
} as const satisfies FunnelStepMeta;

export const goldenFixture = {
  stepType: 'multi_select_choice',
  manifestStep,
  componentMeta,
  options: [
    { id: 'sleep', label: 'Better sleep' },
    { id: 'focus', label: 'More focus' },
  ],
  persistedAnswer: ['sleep', 'focus'],
  emptyAnswer: [],
  helper: 'useStepChoices',
} as const;