import React from 'react';
import './Loader.scss';

const Loader = () => {
    const text = 'POZO';
    return (
        <div className="modern-loader-wrapper">
            <div className="modern-balls-loader">
                {text.split('').map((char, i) => (
                    <span className="modern-ball" key={i} style={{ animationDelay: `${i * 0.18}s` }}>{char}</span>
                ))}
            </div>
            <div className="modern-progress-bar">
                <div className="modern-progress-fill"></div>
            </div>
            
        </div>
    );
};

export default Loader;
