"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.GridItem = void 0;

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _gridItem = require("./grid-item.css-rules");

var _breakpoints = require("../../../../breakpoints");

var _stacking = require("../../../../mixins/stacking");

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

var GridItem = _styledComponents["default"].div.withConfig({
  displayName: "GridItem",
  componentId: "sc-1phq6eb-0"
})(["width:", ";padding-left:", ";@media (min-width:", "){width:", ";padding-left:", ";}@media (min-width:", "){width:", ";padding-left:", ";}@media (min-width:", "){width:", ";padding-left:", ";}", ""], _gridItem.widthSm, _gridItem.paddingLeftSm, _breakpoints.bpMedium, _gridItem.widthMd, _gridItem.paddingLeftMd, _breakpoints.bpLarge, _gridItem.widthLg, _gridItem.paddingLeftLg, _breakpoints.bpXLarge, _gridItem.widthXl, _gridItem.paddingLeftXl, _stacking.getStackedRules);

exports.GridItem = GridItem;
GridItem.displayName = 'GridItem';