import React from 'react'
import { renderMarkdown } from '@/lib/markdownRenderer'

interface DocsContentProps {
  content: string
  loading: boolean
}

export function DocsContent({ content, loading }: DocsContentProps) {
  if (loading) {
    return (
      <div className="text-center py-12">
        <p className="text-gray-500">Chargement de la documentation...</p>
      </div>
    )
  }

  return (
    <div className="bg-white rounded-lg shadow-sm p-8">
      <div className="prose max-w-none">
        {renderMarkdown(content)}
      </div>
    </div>
  )
}