'use client'

import { useRouter } from 'next/navigation'
import { useEffect } from 'react'

import useAuth from '@/hooks/useAuth'

const AdminRoleGuard = ({ children }: { children: React.ReactNode }) => {
  const { user } = useAuth()
  const router = useRouter()

  useEffect(() => {
    if (user && user.role !== 'admin') {
      router.replace('/auth')
    }
  }, [router, user])

  if (user && user.role !== 'admin') {
    return null
  }

  return <>{children}</>
}

export default AdminRoleGuard