"use strict";

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

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

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

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

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

var _templateObject, _templateObject2, _templateObject3, _templateObject4;

var FooterImages = function FooterImages(_ref) {
  var elements = _ref.elements;
  return /*#__PURE__*/_react["default"].createElement(Container, null, elements.map(function (element, index) {
    var _element$images;

    return /*#__PURE__*/_react["default"].createElement(Content, {
      key: "Element__" + element.label + "--" + index
    }, /*#__PURE__*/_react["default"].createElement("div", {
      className: "mr-2"
    }, element == null ? void 0 : element.label, ":"), /*#__PURE__*/_react["default"].createElement(ImageWrapper, null, element == null ? void 0 : (_element$images = element.images) == null ? void 0 : _element$images.map(function (image) {
      return /*#__PURE__*/_react["default"].createElement("div", {
        className: "mr-2",
        key: "Image__" + image.url
      }, /*#__PURE__*/_react["default"].createElement(Image, {
        src: image == null ? void 0 : image.url,
        alt: ""
      }));
    })));
  }));
};

exports.FooterImages = FooterImages;

var Container = _styledComponents["default"].div.attrs({
  className: 'd-flex flex-wrap mt-3 ml-3'
})(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2["default"])([""])));

var Content = _styledComponents["default"].div.attrs({
  className: 'd-flex mr-5'
})(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2["default"])([""])));

var ImageWrapper = _styledComponents["default"].div.attrs({
  className: 'd-flex flex-wrap'
})(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2["default"])([""])));

var Image = _styledComponents["default"].img.attrs({})(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2["default"])(["\n  width: 5rem;\n  height: auto;\n"])));
//# sourceMappingURL=index.js.map