/* eslint-disable camelcase */
import { global_BackgroundColor_dark_100, global_Color_light_100 } from '@patternfly/react-tokens';
import { css, StyleSheet } from '@patternfly/react-styles';

var styles = StyleSheet.create({
  demoLayout: {
    backgroundColor: global_BackgroundColor_dark_100.value,
    backgroundImage: 'url("/assets/images/pfbg_1200.jpg")',
    backgroundRepeat: 'no-repeat',
    backgroundSize: 'cover',
    '& > *': {
      '.chart-overflow': {
        '& svg': {
          overflow: 'visible'
        }
      },
      '.chart-title': {
        color: global_Color_light_100.value,
        marginBottom: '25px',
        marginLeft: '10px'
      }
    }
  }
});

export default (function () {
  return { className: css(styles.demoLayout) };
});