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

import React from 'react';
import injectSheet from 'react-jss';
import classnames from 'classnames';

import Loader from '../Loader';

import styles from './styles';

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