'use client'

import { useSession } from 'next-auth/react'

export default function ResourceGraphPage() {
  const { data: session, status } = useSession()

  if (status === 'loading') {
    return <div>Loading...</div>
  }

  if (status === 'unauthenticated') {
    return <div>Please sign in</div>
  }

  return (
    <div className="container mx-auto p-6">
      <h1 className="text-3xl font-bold mb-6">Resource Graph</h1>
      <p className="text-muted-foreground mb-4">
        Visualize resource relationships and dependencies
      </p>
      {/* React Flow graph visualization will be implemented here */}
      <div className="border rounded-lg p-4 h-96">
        <p className="text-sm text-muted-foreground">Resource graph visualization coming soon</p>
      </div>
    </div>
  )
}

