'use strict';

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

var _styledComponents = require('styled-components');

var _styledComponents2 = _interopRequireDefault(_styledComponents);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var HelpCalloutContainer = _styledComponents2.default.div.withConfig({
  displayName: 'CalloutContainer__HelpCalloutContainer'
})(['background-color:var(--colors-background-default);border:1px solid var(--colors-border-medium);border-radius:4px;overflow-y:auto;box-shadow:var(--shadows-short);z-index:100000;padding:var(--spacing-medium);pointer-events:none;max-width:', ';&[data-placement*=\'top\']{margin-bottom:6px;}&[data-placement*=\'bottom\']{margin-top:6px;}&[data-placement*=\'right\']{margin-left:6px;}&[data-placement*=\'left\']{margin-right:6px;}'], function (_ref) {
  var maxWidth = _ref.maxWidth;
  return typeof maxWidth === 'number' ? maxWidth + 'px' : maxWidth;
});

exports.default = HelpCalloutContainer;