"use client";

export default function BlogDetails({ newsItem }) {
  return (
    <section className="news-standard fix section-padding">
      <div className="container">
        <div className="row g-4">
          <div className="col-12">
            <div className="blog-post-details">
              <div className="single-blog-post">
                <div
                  className="post-featured-thumb bg-cover"
                  style={{
                    backgroundImage: `url(${newsItem.image})`,
                  }}
                />
                <div className="post-content">
                  <ul className="post-list d-flex align-items-center">
                    <li>
                      <i className="fa-regular fa-user" /> {newsItem.author?.name || "Admin"}
                    </li>
                    <li>
                      <i className="fa-solid fa-calendar-days" /> {newsItem.date}
                    </li>
                    <li>
                      <i className="fa-solid fa-tag" /> {newsItem.category}
                    </li>
                  </ul>
                  <div
                    className="post-description blog-description"
                    dangerouslySetInnerHTML={{ __html: newsItem.description }}
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
}