"use client"
import axios from "axios"
import ProductItem from "./productItem"
import Banner from "../components/banner"

import ProductList from "./productList"
import Search from "../components/search"
import Filter from "../components/filter"
import Cart from "../booking/cart"



const pageSize = 2;


const rating = [1,2,3,4,5 ]

export default function Product({searchParams}) {
  console.log(searchParams)
 

  



  return (
    <>
   <div class="mx-auto max-w-screen-xl px-4 py-8 sm:px-6 sm:py-12 lg:px-8">
   <h2 class="text-xl font-bold text-gray-900 sm:text-3xl">Product Collection</h2>

      <Banner/> { /*<Search/>*/}
      <Search/> 
      <Filter>
  
   

    
      <div class="lg:col-span-3">
        <ul class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
          
<ProductList params ={searchParams}/>

          

         
        </ul>
      </div>
      </Filter>
    </div>
   
    </>
  )
}
