var _demoLayout;

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

import { StyleSheet, css } from '@patternfly/react-styles';
import { global_BorderColor as borderColor, global_BorderWidth_md as borderWidth } from '@patternfly/react-tokens';
var toolbarClass = '.pf-l-toolbar';
var toolbarGroupClass = '.pf-l-toolbar__group';
var toolbarItemClass = '.pf-l-toolbar__item';
var GROUP_SELECTOR = ":not(foo) ".concat(toolbarClass, " ").concat(toolbarGroupClass);
var ITEM_SELECTOR = ":not(foo) ".concat(toolbarClass, " ").concat(toolbarItemClass);
var dashedWithPadding = {
  padding: '0.5rem',
  borderWidth: borderWidth.var,
  borderStyle: 'dashed',
  borderColor: borderColor.var
};
var styles = StyleSheet.create({
  demoLayout: (_demoLayout = {}, _defineProperty(_demoLayout, GROUP_SELECTOR, dashedWithPadding), _defineProperty(_demoLayout, ITEM_SELECTOR, dashedWithPadding), _demoLayout)
});
export default (function () {
  return {
    className: css(styles.demoLayout)
  };
});