"use client" import type React from "react" import { useState } from "react" import { Copy, Check } from "lucide-react" import { cn } from "@/lib/utils" interface CopyableCodeProps { code: string language?: string className?: string } const CopyableCode: React.FC = ({ code, language, className }) => { const [isCopied, setIsCopied] = useState(false) const copyToClipboard = async () => { try { await navigator.clipboard.writeText(decodeURIComponent(code)) setIsCopied(true) setTimeout(() => setIsCopied(false), 2000) } catch (err) { console.error("Failed to copy text: ", err) } } return (
        {decodeURIComponent(code)}
      
) } export default CopyableCode