25:T487,'use client'; import React from 'react'; import { Highlight, themes } from 'prism-react-renderer'; import { CopyButton } from './CopyButton'; type Props = { code: string; language?: string; filename?: string; }; export const Code: React.FC = ({ code, language = '', filename }) => { if (!code) return null; return ( {({ getLineProps, getTokenProps, tokens }) => (

          
          {tokens.map((line, i) => (
            
              
                {i + 1}
              
              
                {line.map((token, key) => (
                  
                ))}
              
            
          ))}

)} ); };26:T5a4,'use client'; import { useState } from 'react'; import { CopyIcon, ClipboardCheck } from 'lucide-react'; import { toast } from 'sonner'; export function CopyButton({ code, language = 'TypeScript', filename, }: { code: string; language?: string; filename?: string; }) { const [copied, setCopied] = useState(false); function updateCopyStatus() { if (!copied) { setCopied(true); toast('Code copied to clipboard!'); setTimeout(() => setCopied(false), 5000); } } return (

{filename &&

{filename}

}