function SplashScreen({ go }) {
  React.useEffect(() => {
    if (!go) return;
    const t = setTimeout(() => go('loading'), 4200);
    return () => clearTimeout(t);
  }, []);
  const NS = window.AdvisorHubDesignSystem_aec5d6 || {};
  const LoadingMark = NS.LoadingMark;
  return <div onClick={go ? () => go('loading') : undefined} style={{ width: 430, height: 932, background: 'var(--ah-blue-100)', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', gap: 22, cursor: go ? 'pointer' : 'default' }}>
    {LoadingMark ? <LoadingMark size={138.7} assetBase="../../assets" label="Loading AdvisorHub" /> : <div style={{ width: 138.7, height: 137.5 }}></div>}
    <img src="../../assets/wordmark.svg" alt="AdvisorHub" style={{ height: 30, width: 'auto', display: 'block' }} />
  </div>;
}
Object.assign(window, { SplashScreen });