'use client'
import dynamic from 'next/dynamic'
import { ReactNode } from 'react'
import SmoothScrollProvider from '@/components/providers/SmoothScrollProvider'
import PageTransition from '@/components/ui/PageTransition'

// ssr: false boleh dipakai di Client Component
const CustomCursor = dynamic(() => import('@/components/ui/CustomCursor'), { ssr: false })

export default function ClientProviders({ children }: { children: ReactNode }) {
  return (
    <>
      <CustomCursor />
      <SmoothScrollProvider>
        <PageTransition>
          {children}
        </PageTransition>
      </SmoothScrollProvider>
    </>
  )
}