import Image from "next/image";

/**
 * 풀스크린 스플래시. 네이티브 스플래시(edupay-app SplashConfig)와 동일하게
 * primary 단색 배경 + 백색 로고 240px(logoWidth) 구성을 따른다.
 * 표시 여부·퇴장 타이밍(fade-out 적용)은 호출부(feature) 책임 — 이 컴포넌트는
 * props를 받지 않는다.
 */
export function SplashScreen() {
  return (
    <div className="fixed inset-0 z-50 flex animate-fade-in items-center justify-center bg-primary">
      <Image
        src="/images/logo-foxpay-white.svg"
        alt="FoxPay"
        width={170}
        height={62}
        className="h-auto w-60"
        priority
      />
    </div>
  );
}