\n \n Copy\n \n \n {codeText}\n \n

\n ) : (\n \n {children}\n \n );\n },\n \n // Headings with proper styling\n h1: ({ children, ...props }) =>

{children}

,\n h2: ({ children, ...props }) =>

{children}

,\n h3: ({ children, ...props }) =>

{children}

,\n h4: ({ children, ...props }) =>

{children}

,\n \n // Lists\n ul: ({ children, ...props }) =>

{children},\n ol: ({ children, ...props }) =>

{children},\n li: ({ children, ...props }) =>

{children}

,\n \n // Block elements\n p: ({ children, ...props }) =>

{children}

,\n blockquote: ({ children, ...props }) => (\n

{children}

\n ),\n \n // Dividers\n hr: (props) =>

,\n \n // Tables\n table: ({ children, ...props }) => (\n

\n {children}

\n ),\n thead: ({ children, ...props }) => {children},\n tbody: ({ children, ...props }) => {children},\n tr: ({ children, ...props }) => {children},\n th: ({ children, ...props }) => (\n {children}\n ),\n td: ({ children, ...props }) => {children},\n \n // Links\n a: ({ children, href, ...props }) => (\n {children}\n ),\n \n // Images\n img: ({ src, alt, ...props }) => (\n {alt

\n )\n };\n\n return (\n

\n {/* Client-side hydration script */}\n