Function CodeLines

components/CodeBlock.tsx:50–76

({ code }: { code: string })

}

function CodeLines({ code }: { code: string }) {
  return (
    <>
      {code.split('\n').map((line, i) => {
        const isComment = line.trim().startsWith('#')
        const isPrompt = line.trim().startsWith('>')
        if (line === '') return <span key={i} className="block h-3" />
        if (isComment) return (
          <div key={i}>
            <span className="text-[#999] dark:text-[#555]">{line}</span>
          </div>
        )
        if (isPrompt) return (
          <div key={i}>
            <span className="text-[#bbb] dark:text-[#555] select-none">{'> '}</span>
            <span className="text-[#111] dark:text-[#e8e8e8]">{line.replace(/^>\s*/, '')}</span>
          </div>
        )
        return (
          <div key={i}>
            <span className="text-[#111] dark:text-[#e8e8e8]">{line}</span>
          </div>
        )
      })}
    </>
  )
}

function CopyButton({ copied, copy }: { copied: boolean; copy: () => void }) {
  return (