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

var _templateObject, _templateObject2, _templateObject3;

import React from 'react';
import styled from 'styled-components';
import { Link } from '@sentecacommerce-theme/lib';
export var Contacts = (_ref) => {
  var {
    contacts
  } = _ref;
  return /*#__PURE__*/React.createElement(React.Fragment, null, contacts == null ? void 0 : contacts.elements.map((element, index) => {
    return /*#__PURE__*/React.createElement(Contact, {
      key: "Contacts__" + element.title + "-" + index
    }, /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Link, {
      href: element.url || "/help"
    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("img", {
      src: element.image,
      alt: "icon"
    })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(InnerTitle, null, element.title), /*#__PURE__*/React.createElement("h5", null, element == null ? void 0 : element.subtitle), /*#__PURE__*/React.createElement("h5", null, element == null ? void 0 : element.phoneNumber), /*#__PURE__*/React.createElement("h5", null, element == null ? void 0 : element.workHours), /*#__PURE__*/React.createElement("h5", null, element == null ? void 0 : element.workDays))))));
  }));
};
var Contact = styled.div.attrs({
  className: 'd-flex align-items-center'
})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose([""])));
var Container = styled.div.attrs({
  className: 'pb-5 d-flex'
})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  img {\n    max-width: 6.5rem;\n  }\n\n  @media (min-width: ", ") {\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  @media (min-width: ", ") {\n    text-align: center;\n    align-items: center;\n  }\n  cursor: pointer;\n"])), props => props.theme.breakpoints.md.max, props => props.theme.breakpoints.lg.min);
var InnerTitle = styled.h3(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  font-size: 1.6rem;\n"])));
//# sourceMappingURL=index.js.map