frontend/src/components/ui/ProtectedRoute.jsx

import { Navigate } from 'react-router-dom'
import { useAuthStore } from '../../store'

export function RequireAuth({ children }) {
  const { isAuthenticated } = useAuthStore()
  if (!isAuthenticated) return <Navigate to="/login" replace />
  return children
}

export function RequireAdmin({ children }) {
  const { isAuthenticated, user } = useAuthStore()
  if (!isAuthenticated) return <Navigate to="/login" replace />
  if (user?.role !== 'admin') return <Navigate to="/" replace />
  return children
}