'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _reactTokens = require('@patternfly/react-tokens');

var _reactStyles = require('@patternfly/react-styles');

/* eslint-disable camelcase */
var styles = _reactStyles.StyleSheet.create({
  demoLayout: {
    backgroundColor: _reactTokens.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: _reactTokens.global_Color_light_100.value,
        marginBottom: '25px',
        marginLeft: '10px'
      }
    }
  }
});

exports.default = function () {
  return { className: (0, _reactStyles.css)(styles.demoLayout) };
};