blob: 36cd32d2ad9b5924d8b058249c4119e27ffdc8ba (
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
|
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>
),
));
|