"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.PromotionsList = void 0;

var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));

var _react = _interopRequireDefault(require("react"));

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

var _PromotionItem = require("../PromotionItem");

var _templateObject;

var PromotionsList = function PromotionsList(_ref) {
  var data = _ref.data,
      labels = _ref.labels;
  return /*#__PURE__*/_react["default"].createElement(Container, null, data == null ? void 0 : data.results.map(function (item) {
    return /*#__PURE__*/_react["default"].createElement(_PromotionItem.PromotionItem, {
      key: item._id,
      item: item,
      labels: labels
    });
  }));
};

exports.PromotionsList = PromotionsList;

var Container = _styledComponents["default"].div.attrs({
  className: 'd-flex flex-wrap'
})(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2["default"])(["\n  @media (min-width: ", ") {\n    margin-left: -0.8rem;\n  }\n"])), function (_ref2) {
  var theme = _ref2.theme;
  return theme.breakpoints.lg.min;
});
//# sourceMappingURL=index.js.map