'use client';

import { useEffect } from 'react';

interface AutoReloadProps {
  delayMs?: number;
}

/**
 * Simple auto-reload component - just handles the reload logic
 * without rendering any UI (the parent handles that)
 */
export default function AutoReload({ delayMs = 3000 }: AutoReloadProps) {
  useEffect(() => {
    const reloadTimer = setTimeout(() => {
      window.location.reload();
    }, delayMs);

    return () => {
      clearTimeout(reloadTimer);
    };
  }, [delayMs]);

  return null;
}