blob: e0a24a527bd996bd6d65ae10176db13dcbd1c93c (
plain) (
blame)
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
29
|
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>
)));
|