import { useAuth } from '@context-providers/auth-context-provider'

export const UnauthorizedPage = () => {
  const { user } = useAuth()

  return (
    <section className="flex flex-col gap-4 border-1 color-border p-2 m-3 rounded">
      <h1>Hi {user?.userDetails?.name}!</h1>
      <p className="text-xl">You are not authorized to access this project.</p>
    </section>
  )
}
