'use strict';

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

var _themeGet = require('../../../extensions/themeGet');

var _themeGet2 = _interopRequireDefault(_themeGet);

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

var _styledComponents2 = _interopRequireDefault(_styledComponents);

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

exports.default = _styledComponents2.default.div.withConfig({
  displayName: 'Container'
})(['position:relative;', ' background-color:', ';', ''], '' /* padding: 20px;
                                                             border: 1px solid
                                                             ${({ isDragging }) =>
                                                             isDragging
                                                              ? get('colors.background.disabled')
                                                              : get('colors.border.medium')}; */
, function (_ref) {
  var isDragging = _ref.isDragging;
  return isDragging ? (0, _themeGet2.default)('colors.background.disabled') : (0, _themeGet2.default)('colors.background.default');
}, function (_ref2) {
  var isDragging = _ref2.isDragging;
  return isDragging && (0, _styledComponents.css)(['cursor:move;pointer-events:all;']);
});