---
import { APP, SPLASH } from '../config'
import '../styles/splash.scss'
---

<div class="splash">
    <div class="splash-content">
        <img src="./logo.png">

        <div class="splash-loading">

            {SPLASH.map(item => (
                <div class={item.loading}>
                    <div class="splash-loading-spinner"><div class="spinner"></div></div>
                    <div class="splash-loading-progressbar"><div class="progressbar"></div></div>
                    <div class="splash-loading-jumping-balls">
                        <div class="b-container">
                            <span class="ball"></span>
                            <span class="ball"></span>
                            <span class="ball"></span>
                        </div>
                    </div>
                    <div class="splash-loading-glowing-bars">
                        <div class="bars-container">
                            <span class="bar"></span>
                            <span class="bar"></span>
                            <span class="bar"></span>
                        </div>
                    </div>
                </div>
            ))}
        </div>
    </div>
</div>