import Product from "@/components/products/Product";
import RelatedProducts from "@/components/products/RelatedProducts";
import GeneralServerAxios from "@/shared/AxiosPage/GeneralServerAxios";

export default async function page({
  params,
}: {
  params: Promise<{ slug: string }>;
}) {
  const { slug } = await params;

  return (
    <GeneralServerAxios url={`guest/products/${slug}`}>
      {(data) => (
        <div className="min-h-[calc(100vh-80px)] py-32">
          <Product product={data} />
          {data?.related_products?.length > 0 && (
            <RelatedProducts
              products={data?.related_products}
              category_id={data?.category?.id}
            />
          )}
        </div>
      )}
    </GeneralServerAxios>
  );
}