22 lines
608 B
JavaScript
22 lines
608 B
JavaScript
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;
|