import type { Metadata } from "next";
import MainLayout from "@/components/layout/MainLayout";
import CategoryProductsClient from "@/components/home/CategoryProductsClient";

export const metadata: Metadata = { title: "Category – yourappname" };

interface Props {
  params: Promise<{ slug: string; subSlug: string }>;
}

export default async function SubCategoryPage({ params }: Props) {
  const { slug, subSlug } = await params;
  return (
    <MainLayout>
      <div className="container-custom py-6">
        <CategoryProductsClient
          categoryId={slug}
          initialSubCatId={Number(subSlug)}
        />
      </div>
    </MainLayout>
  );
}