2017-11-15 15:13:49 +01:00
|
|
|
import React from 'react';
|
|
|
|
import InlineSVG from 'react-svg-inline';
|
|
|
|
import btnColorOption from '../../img/contextmenu/btnColorOption.svg';
|
|
|
|
import btnColor from '../../img/contextmenu/btnColor.svg';
|
|
|
|
import injectSheet from 'react-jss';
|
|
|
|
|
2017-11-29 13:37:32 +01:00
|
|
|
// if dispaly is set to none patterns don't work
|
2017-11-15 15:13:49 +01:00
|
|
|
const styles = {
|
|
|
|
container: {
|
2017-11-29 13:37:32 +01:00
|
|
|
position: 'absolute',
|
|
|
|
opacity: 0.0
|
|
|
|
// display: 'none'
|
2017-11-15 15:13:49 +01:00
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
const InlineIconsLoader = ({ classes }) => (
|
|
|
|
<div className={classes.container}>
|
|
|
|
<InlineSVG svg={btnColorOption} />
|
|
|
|
<InlineSVG svg={btnColor} />
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
export default injectSheet(styles)(InlineIconsLoader);
|