import { wpautop } from "@/utils/wpautop";

interface BlogDetailsContentProps {
    post_content: string;
}

export default function BlogDetailsContent({ post_content }: BlogDetailsContentProps) {
    if (!post_content) return null;

    // Apply wpautop to convert WP raw double-newlines into proper <p> tags
    const html = wpautop(post_content);

    return (
        <section className="mb-10 md:mb-16 lg:mb-24">
            <div className="container">
                <div className="max-w-[846px] mx-auto px-0">
                    <div
                        className="blog-content"
                        dangerouslySetInnerHTML={{ __html: html }}
                    />
                </div>
            </div>
        </section>
    );
}