import { useEffect } from 'react';

interface SplashScreenProps {
  onComplete: () => void;
}

export function SplashScreen({ onComplete }: SplashScreenProps) {
  useEffect(() => {
    const timer = setTimeout(() => {
      onComplete();
    }, 2000); // 2 second splash

    return () => clearTimeout(timer);
  }, [onComplete]);

  return (
    <main className="min-h-screen bg-base-100 flex items-center justify-center" role="main">
      <h1 className="text-6xl font-bold text-base-content">
        Orchard9.
      </h1>
    </main>
  );
}