"use client";

import InnerPageLayout from "@/components/shared/InnerPageLayout";
import type { Blog } from "@/services/blogs";
import BlogViewTracker from "@/components/blogs/BlogViewTracker";

type BlogDetailClientProps = {
  blog: Blog;
};

export default function BlogDetailClient({
  blog,
}: BlogDetailClientProps) {

  return (
    <>
      <BlogViewTracker slug={blog.slug} />

      <InnerPageLayout
        data={{
          slug: `/blogs/${blog.slug}`,

          title: blog.title,

          tagline: blog.category ?? "Blogs",

          heroImage:
            blog.coverImage ?? "/images/default-blog.jpg",

          intro: blog.excerpt,

          category: "Blogs",

          categoryHref: "/blogs",

          metaTitle: blog.seoTitle || blog.title,

          metaDescription:
            blog.metaDescription ?? blog.excerpt ?? "",

          faqs: blog.faqs,

          blog,
        }}
      />
    </>
  );
}