"use client"
import type React from "react"
import { useState, useEffect } from "react"
import CopyableCode from "@/components/CopyableCode"
function processContent(content: string): React.ReactNode[] {
const parts = content.split(/(```[\s\S]*?```)/g)
return parts.map((part, index) => {
if (part.startsWith("```") && part.endsWith("```")) {
const code = part.slice(3, -3).trim()
return
}
return
})
}
export default function GuideContent({ content }: { content: string }) {
const [processedContent, setProcessedContent] = useState([])
useEffect(() => {
setProcessedContent(processContent(content))
}, [content])
return (
{processedContent}
)
}