43 lines
1.4 KiB
JavaScript
43 lines
1.4 KiB
JavaScript
|
|
"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>
|
|
);
|
|
}
|