'use client'

import { useRouter, useSearchParams } from "next/navigation";
import { useState, useEffect } from "react";

import ProductDescription from "@components/ProductDescription"
import { useSession } from "next-auth/react";


const Productpage = () => {
  const router = useRouter();
  const searchParams = useSearchParams();
  const ProductId = searchParams.get('pid');
  const [Product, setProduct] = useState('')
  const [User, setUser] = useState('')

  const {data: session} = useSession();


  useEffect(() => {
    const getProductDetails = async () => {
      const res = await fetch(`/api/product/${ProductId}/description`);
      const data = await res.json();
      setProduct(data.Product);
      setUser(data.User)
    }
    if(session?.user) getProductDetails();
  },[])
  
  
  
  return (
    <>
      {/* call the Product Desciption */}
      <ProductDescription
        Product ={Product}
        User = {User}
      >

      </ProductDescription>
    </>
  )
}

export default Productpage