src/components/ui/FullscreenLoader/index.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

import React from 'react';
import injectSheet from 'react-jss';
import classnames from 'classnames';
import { inject } from 'mobx-react';

import Loader from '../Loader';

import styles from './styles';

export default inject('stores')(injectSheet(styles)(({ stores, classes, className, title, children }) => (
    <div className={classes.wrapper}>
      <div
        className={classnames({
          [`${classes.component}`]: true,
          [`${className}`]: className,
        })}
      >
        <h1 className={classes.title}>{title}</h1>
        <Loader color={stores.settings.app.darkMode ? '#FFF' : '#000'} />
        {children && (
          <div className={classes.content}>
            {children}
          </div>
        )}
      </div>
    </div>
  )
  ));