import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/taggedTemplateLiteralLoose";

var _templateObject, _templateObject2, _templateObject3, _templateObject4;

import React from 'react';
import styled from 'styled-components';
export var FooterImages = (_ref) => {
  var {
    elements
  } = _ref;
  return /*#__PURE__*/React.createElement(Container, null, elements.map((element, index) => {
    var _element$images;

    return /*#__PURE__*/React.createElement(Content, {
      key: "Element__" + element.label + "--" + index
    }, /*#__PURE__*/React.createElement("div", {
      className: "mr-2"
    }, element == null ? void 0 : element.label, ":"), /*#__PURE__*/React.createElement(ImageWrapper, null, element == null ? void 0 : (_element$images = element.images) == null ? void 0 : _element$images.map(image => {
      return /*#__PURE__*/React.createElement("div", {
        className: "mr-2",
        key: "Image__" + image.url
      }, /*#__PURE__*/React.createElement(Image, {
        src: image == null ? void 0 : image.url,
        alt: ""
      }));
    })));
  }));
};
var Container = styled.div.attrs({
  className: 'd-flex flex-wrap mt-3 ml-3'
})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose([""])));
var Content = styled.div.attrs({
  className: 'd-flex mr-5'
})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose([""])));
var ImageWrapper = styled.div.attrs({
  className: 'd-flex flex-wrap'
})(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose([""])));
var Image = styled.img.attrs({})(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  width: 5rem;\n  height: auto;\n"])));
//# sourceMappingURL=index.js.map