mirror of
https://github.com/elyby/accounts-frontend.git
synced 2024-09-19 18:25:36 +05:30
25 lines
662 B
JavaScript
25 lines
662 B
JavaScript
// @flow
|
|
import type { Skin } from 'components/ui';
|
|
import React from 'react';
|
|
import classNames from 'classnames';
|
|
|
|
import styles from './componentLoader.scss';
|
|
|
|
export default function ComponentLoader({ skin }: {
|
|
skin: Skin,
|
|
}) {
|
|
return (
|
|
<div className={classNames(styles.componentLoader, styles[`${skin}ComponentLoader`])}>
|
|
<div className={styles.spins}>
|
|
{new Array(5).fill(0).map((_, index) => (
|
|
<div className={classNames(styles.spin, styles[`spin${index}`])} key={index} />
|
|
))}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
ComponentLoader.defaultProps = {
|
|
skin: 'dark'
|
|
};
|