import dynamic from "next/dynamic"
import { useRouter } from "next/router"
import _ from "lodash-contrib"

const BasicLayout = dynamic(() => import("@/core/components/layouts/BasicLayout"))
const ProductSearch = dynamic(() => import("@/lib/product/components/ProductSearch"))

export default function Search() {
  const router = useRouter()
  
  return (
    <BasicLayout>
      { !_.isEmpty(router.query) && (
        <ProductSearch
          query={router.query}
          prefixUrl="/shop/search"
        />
      ) }
    </BasicLayout>
  )
}