"use client";

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

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