'use client'

import ReduxProvider from "@/app/redux/provider"
import HamberMenu from "./hamber-menu"
import ReactQueryProvider from "@/app/react_query/provider"
import { usePathname } from 'next/navigation'
import CustomerInfo from "./customer-info"


const MainLayoutUtil = ({children,}: {children: React.ReactNode})=>{
    const pathname = usePathname()

    return (
    <div className={`basis-full md:mr-[8.9rem] ${pathname.startsWith('/shop') ? 'lg:ml-[17rem]': ''} `}>

        <ReduxProvider>
        <ReactQueryProvider>
        <div className='w-full h-[2.5rem] flex flex-row bg-gray-800 p-2 text-white'>

          <HamberMenu />

          <div className='pr-4'>
            <CustomerInfo />
          </div>
          
          
        </div>

              {children}

        </ReactQueryProvider>
        </ReduxProvider>
      </div>
    )
}


export default MainLayoutUtil