import { AnimatePresence, motion } from "framer-motion"; import { ReactNode, useEffect, useState } from "react"; import { useUserSession } from "@vertesia/ui/session"; interface SplashScreenProps { icon?: ReactNode; } export function SplashScreen({ icon: Icon }: SplashScreenProps) { const { isLoading } = useUserSession(); const [show, setShow] = useState(true); useEffect(() => { if (!isLoading) { setShow(false); } }, [isLoading]); return ( {show && (
{Icon || }
)}
); } function LoadingIcon() { const stopColor1 = "currentColor"; const stopColor2 = "currentColor"; // const stopColor1 = "#4F46E5"; // const stopColor2 = "#4F46E5"; return ( ) }