mirror of
https://github.com/elyby/accounts-frontend.git
synced 2024-09-13 23:35:36 +05:30
25 lines
592 B
TypeScript
25 lines
592 B
TypeScript
import React from 'react';
|
|
import clsx from 'clsx';
|
|
import { Skin } from 'app/components/ui';
|
|
|
|
import styles from './componentLoader.scss';
|
|
|
|
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;
|