import { useEffect } from 'react'
import './Moments.css'

// Kurzes „+N EP", das vom Bestätigen-Button aufschwebt — Belohnung genau dort,
// wo das Auge ist. Eltern-Element braucht position: relative.
export default function EpFloat({ points, onDone }) {
  useEffect(() => {
    const t = setTimeout(() => onDone?.(), 1000)
    return () => clearTimeout(t)
  }, [onDone])
  return <span className="ep-float" aria-hidden="true">+{points} EP</span>
}