"use strict";

exports.__esModule = true;
exports.sx = exports["default"] = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _alignSelf = _interopRequireDefault(require("../../../mixins/alignSelf"));
var _margin = _interopRequireDefault(require("../../../mixins/margin"));
var _padding = _interopRequireDefault(require("../../../mixins/padding"));
var _round = _interopRequireDefault(require("../../../mixins/round"));
var _opacity = _interopRequireDefault(require("../../../mixins/opacity"));
var _position = _interopRequireDefault(require("../../../mixins/position"));
var _zIndex = _interopRequireDefault(require("../../../mixins/zIndex"));
var _cursor = _interopRequireDefault(require("../../../mixins/cursor"));
var _height = _interopRequireDefault(require("../mixins/height"));
var _width = _interopRequireDefault(require("../mixins/width"));
var _overflow = _interopRequireDefault(require("../mixins/overflow"));
var _background = _interopRequireDefault(require("../mixins/background"));
var _alignContent = _interopRequireDefault(require("../mixins/alignContent"));
var _gap = _interopRequireDefault(require("../mixins/gap"));
var _border = _interopRequireDefault(require("../mixins/border"));
var _pseudos = _interopRequireDefault(require("../mixins/pseudos"));
var _styledSystem = require("styled-system");
var _css = _interopRequireDefault(require("@styled-system/css"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
//styled system custom

var sx = exports.sx = function sx(props) {
  return (0, _css["default"])(props.sx)(props);
};
var Box = function Box(Component) {
  return (0, _styledComponents["default"])(Component).withConfig({
    displayName: "box",
    componentId: "sc-12jmtj1-0"
  })(["box-sizing:border-box;", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], _alignContent["default"], _alignSelf["default"], _position["default"], _margin["default"], _padding["default"], _gap["default"], _width["default"], _height["default"], _background["default"], _opacity["default"], _border["default"], _round["default"], _overflow["default"], _zIndex["default"], _cursor["default"], _pseudos["default"], _styledSystem.position, sx);
};
var _default = exports["default"] = Box;