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

const choice = { answerKey: 'goalFeeling' } as const;

const manifestStep = {
  id: 'goal-feeling',
  name: 'goal-feeling',
  path: '/goal-feeling',
  filePath: 'src/steps/step-goal-feeling.tsx',
  componentKey: 'stepGoalFeeling',
  type: 'single_step_choice_emoji',
  choice,
  title: 'How do you want to feel?',
} as const satisfies FunnelManifestStep;

const componentMeta = {
  id: 'goal-feeling',
  name: 'goal-feeling',
  type: 'single_step_choice_emoji',
  choice,
  figmaNodeId: 'golden:single-step-choice-emoji',
  title: 'How do you want to feel?',
  description: 'Select exactly one emoji-led feeling.',
} as const satisfies FunnelStepMeta;

export const goldenFixture = {
  stepType: 'single_step_choice_emoji',
  manifestStep,
  componentMeta,
  options: [
    { id: 'focused', label: 'Focused', emoji: '🎯' },
    { id: 'calm', label: 'Calm', emoji: '🌿' },
  ],
  persistedAnswer: 'focused',
  helper: 'useStepChoices',
} as const;