"use client";

import Link from "next/link";
import {
  BusinessListHeader,
  BusinessMeshkeeGate,
} from "@/components/business/BusinessPageChrome";
import BlogPanel from "@/components/catalog/BlogPanel";
import { en } from "@/lib/i18n/en";
import styles from "@/components/BusinessDetailsPage.module.css";

export default function BusinessBlogPage() {
  return (
    <BusinessMeshkeeGate>
      {(meshkeeId) => (
        <>
          <BusinessListHeader
            title={en.blog.title}
            lead={en.blog.lead}
            action={
              <Link href="/blog/new" className={`outline-btn ${styles.actionBtn}`}>
                {en.blog.add}
              </Link>
            }
          />
          <BlogPanel
            meshkeeId={meshkeeId}
            emptyLabel={en.blog.empty}
            addHref="/blog/new"
          />
        </>
      )}
    </BusinessMeshkeeGate>
  );
}