'use client'

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

export default function VMScaleSetsPage() {
  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">VM Scale Sets</h1>
      <p className="text-muted-foreground mb-4">
        Manage auto-scaling VM groups with metrics and scaling policies
      </p>
      {/* VM Scale Sets UI will be implemented here */}
      <div className="border rounded-lg p-4">
        <p className="text-sm text-muted-foreground">VM Scale Sets management interface coming soon</p>
      </div>
    </div>
  )
}

