import LetterTemplate, { type LetterFieldConfig } from './LetterTemplate'

export interface LetterToChenyunProps {
  visible?: boolean
  onClose?: () => void
  onSubmit?: (values: string[]) => void
  onAnimationEnd?: () => void
  audioSrc?: string
  showVideo?: boolean
  videoSrc?: string
  replyImageSrc?: string
  replyVideoSrc?: string
}

const letterContent = `敬爱的陈云爷爷：
您好！

我是____专业的学生。今天，我怀着崇敬又激动的心情，参观了位于上海市青浦区练塘镇的陈云纪念馆，学习了您“不唯上、不唯书、只唯____”的做事准则，还有“综合平衡”“人民至上”的经济思想。我深刻体会到，这些精神不仅是建设年代的智慧结晶，更是新时代指引我们前行的思想灯塔。

作为新时代学生，我会在专业学习中____，像您当年练珠算、搞调查那样精益求精；未来无论从事什么工作，都要把服务群众、____放在首位；面对困难时不退缩，像您当年稳定物价、推进实业那样，用____本领为国家发展贡献自己的力量！

站在新时代的起点，我一定以____为志向，勤学苦练，传承精神，让您的务实担当在青春里扎根，让奋斗在建设祖国的实践中绽放光彩！`

const fields: Record<number, LetterFieldConfig> = {
  0: {
    type: 'input',
    maxLength: 12,
    widthClassName: 'w-[120px]',
    readOnlyFallback: '实践',
  },
  1: {
    type: 'input',
    maxLength: 12,
    widthClassName: 'w-[120px]',
    correctValue: '实',
    readOnlyFallback: '实',
    hints: {
      error: '“不唯上、不唯书、只唯实”是陈云提出的著名方法论原则。',
    },
  },
  2: {
    type: 'input',
    maxLength: 12,
    widthClassName: 'w-[120px]',
    readOnlyFallback: '人民利益',
  },
  3: {
    type: 'input',
    maxLength: 12,
    widthClassName: 'w-[180px]',
    placeholder: '结合所学专业',
    readOnlyFallback: '专业',
  },
  4: {
    type: 'input',
    maxLength: 12,
    widthClassName: 'w-[120px]',
    readOnlyFallback: '实干报国',
  },
}

const LetterToChenyun = ({
  visible = false,
  onClose,
  onSubmit,
  onAnimationEnd,
  audioSrc = 'audio/letter/8如愿.m4a',
  showVideo = true,
  videoSrc = 'video/letter/neihua_jixin.mp4',
  replyImageSrc = 'components/letter/点击信详情-陈云',
  replyVideoSrc = 'video/letter/chenyun_gaizhang.mp4',
}: LetterToChenyunProps) => {
  return (
    <LetterTemplate
      visible={visible}
      onClose={onClose}
      onSubmit={onSubmit}
      onAnimationEnd={onAnimationEnd}
      title="写给陈云爷爷的信"
      letterContent={letterContent}
      fields={fields}
      audioSrc={audioSrc}
      showVideo={showVideo}
      videoSrc={videoSrc}
      replyVideoSrc={replyVideoSrc}
      replyImageSrc={replyImageSrc}
    />
  )
}

export default LetterToChenyun