code2024/bingo

1import { useBing } from '@/lib/hooks/use-bing'2 3const exampleMessages = [4  {5    heading: '🧐 提出复杂问题',6    message: `我可以为我挑剔的只吃橙色食物的孩子做什么饭?`7  },8  {9    heading: '🙌 获取更好的答案',10    message: '销量最高的 3 种宠物吸尘器有哪些优点和缺点?'11  },12  {13    heading: '🎨 获得创意灵感',14    message: `以海盗的口吻写一首关于外太空鳄鱼的俳句`15  }16]17 18export function WelcomeScreen({ setInput }: Pick<ReturnType<typeof useBing>, 'setInput'>) {19  return (20    <div className="welcome-container flex">21      {exampleMessages.map(example => (22        <button key={example.heading} className="welcome-item w-4/5 sm:w-[240px]" type="button" onClick={() => setInput(example.message)}>23          <div className="item-title">{example.heading}</div>24          <div className="item-content">25            <div className="item-body">26              <div className="item-header"></div>27              <div>&ldquo;{example.message}&rdquo;</div>28            </div>29          </div>30        </button>31      ))}32    </div>33  )34}35