mirror of
https://github.com/elyby/accounts-frontend.git
synced 2024-11-07 08:39:03 +05:30
27 lines
649 B
TypeScript
27 lines
649 B
TypeScript
import React from 'react';
|
|
import clsx from 'clsx';
|
|
import { Skin } from 'app/components/ui';
|
|
|
|
import styles from './componentLoader.scss';
|
|
|
|
// TODO: add mode to not show loader until first ~150ms
|
|
|
|
function ComponentLoader({ skin = 'dark' }: { skin?: Skin }) {
|
|
return (
|
|
<div
|
|
className={clsx(styles.componentLoader, styles[`${skin}ComponentLoader`])}
|
|
>
|
|
<div className={styles.spins}>
|
|
{new Array(5).fill(0).map((_, index) => (
|
|
<div
|
|
className={clsx(styles.spin, styles[`spin${index}`])}
|
|
key={index}
|
|
/>
|
|
))}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default ComponentLoader;
|