'use client';

import { Logo } from "./logo";
import { cn } from "@/lib/utils";

interface SplashScreenProps {
  isVisible: boolean;
}

export function SplashScreen({ isVisible }: SplashScreenProps) {
  return (
    <div
      className={cn(
        "fixed inset-0 z-50 flex items-center justify-center bg-background transition-opacity duration-500",
        isVisible ? "opacity-100" : "opacity-0 pointer-events-none"
      )}
    >
        <div className="animate-fade-in">
           <Logo />
        </div>
    </div>
  );
}