'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 }; }

exports.default = _styledComponents2.default.div.withConfig({
  displayName: 'Sentinel'
})(['height:', ';width:', ';background:', ';z-index:', ';position:absolute;&.global.top{position:absolute;top:0;}&.global.bottom{position:absolute;bottom:0;}'], function (props) {
  return props.debugShow ? '1px' : '0px';
}, function (props) {
  return props.debugShow ? '100%' : 'auto';
}, function (props) {
  return props.debugShow ? 'red' : 'transparent';
}, function (props) {
  return props.debugShow ? '100000' : '0';
});