frontend/src/components/SaveWarningBar.tsx

import { Link } from 'react-router-dom'
import { useAuth } from '../context/AuthContext'

export function SaveWarningBar() {
  const { user, loading } = useAuth()
  if (loading || user) return null
  return (
    <div className="save-warning">
      <Link to="/auth?mode=register">Create an account</Link> to save your work
    </div>
  )
}