'use client';

import { useEffect } from 'react';

export function WelcomeStep({ onComplete }: { onComplete: () => void }) {
  useEffect(() => {
    // Auto-complete after a brief delay
    const timer = setTimeout(() => {
      onComplete();
    }, 1000);
    return () => clearTimeout(timer);
  }, [onComplete]);

  return (
    <div className="text-center py-8">
      <h2 className="text-2xl font-bold text-white mb-4">
        Welcome to Sankofa Phoenix Nexus Console
      </h2>
      <p className="text-gray-400 mb-6">
        Let's get you set up in just a few steps. This will only take a minute.
      </p>
    </div>
  );
}

