/* IdleVideo — fullscreen attract loop after 60s idle.
   Currently a placeholder; replace `src` with the looping promo video later. */
const IdleVideo = ({ lang, onWake, src }) => {
  return (
    <div className="idle-video" onClick={onWake} onTouchStart={onWake}>
      {src ? (
        <video src={src} autoPlay loop muted playsInline className="idle-video-el" />
      ) : (
        <div className="idle-video-placeholder">
          <img src="assets/intersport-mark.svg" alt="" className="idle-mark" />
          <div className="idle-energetics">
            <img src="assets/energetics-logo.svg" alt="Energetics" />
          </div>
          <p className="idle-hash">#YouNeverTrainAlone</p>
          <p className="idle-cta">{t('idle_tap', lang)}</p>
        </div>
      )}
    </div>
  );
};
window.IdleVideo = IdleVideo;