@input-output-hk/front-end-site-components/components/footers/IOHK.js

Opinionated React components for IOHK's front-end web team

"use strict";

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

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

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

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

var _propTypes = _interopRequireDefault(require("prop-types"));

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

var _Image = _interopRequireDefault(require("@input-output-hk/front-end-core-components/components/Image"));

var _Link = _interopRequireDefault(require("@input-output-hk/front-end-core-components/components/Link"));

var _iohk = _interopRequireDefault(require("../resources/footer/iohk"));

function _templateObject6() {
  var data = (0, _taggedTemplateLiteral2["default"])(["\n  flex: 1;\n\n  ul {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n\n    li {\n      margin: 0.6rem 0;\n\n      &:first-of-type {\n        margin-top: 0;\n      }\n\n      &:last-of-type {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  @media screen and (max-width: 960px) {\n    ul {\n      text-align: center;\n    }\n  }\n\n  @media screen and (max-width: 700px) {\n    flex-basis: 50%;\n    margin: 1.6rem 0;\n  }\n\n  @media screen and (max-width: 450px) {\n    flex-basis: 100%;\n  }\n"]);

  _templateObject6 = function _templateObject6() {
    return data;
  };

  return data;
}

function _templateObject5() {
  var data = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  justify-content: center;\n  \n  @media screen and (max-width: 960px) {\n    max-width: 700px;\n    flex: 1;\n  }\n\n  @media screen and (max-width: 700px) {\n    flex-wrap: wrap;\n  }\n"]);

  _templateObject5 = function _templateObject5() {
    return data;
  };

  return data;
}

function _templateObject4() {
  var data = (0, _taggedTemplateLiteral2["default"])(["\n  > div {\n    width: 100%;\n    max-width: 20rem;\n\n    img {\n      width: 100%;\n    }\n  }\n\n  @media screen and (max-width: 960px) {\n    flex: 1;\n          \n    > div {\n      margin: 0 auto;\n    }\n  }\n"]);

  _templateObject4 = function _templateObject4() {
    return data;
  };

  return data;
}

function _templateObject3() {
  var data = (0, _taggedTemplateLiteral2["default"])(["\n  flex: 2;\n\n  @media screen and (max-width: 960px) {\n    display: flex;\n    justify-content: center;\n  }\n"]);

  _templateObject3 = function _templateObject3() {
    return data;
  };

  return data;
}

function _templateObject2() {
  var data = (0, _taggedTemplateLiteral2["default"])(["\n  flex: 1;\n  padding-right: 4rem;\n\n  @media screen and (max-width: 960px) {\n    display: flex;\n    justify-content: center;\n    padding-right: 0;\n    margin-bottom: 4rem;\n  }\n"]);

  _templateObject2 = function _templateObject2() {
    return data;
  };

  return data;
}

function _templateObject() {
  var data = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  margin: 2.8rem 0;\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

var Container = _styledComponents["default"].div(_templateObject());

var FirstSection = _styledComponents["default"].div(_templateObject2());

var LastSection = _styledComponents["default"].div(_templateObject3());

var Logo = _styledComponents["default"].div(_templateObject4());

var LinksRow = _styledComponents["default"].div(_templateObject5());

var LinksColumn = _styledComponents["default"].div(_templateObject6());

var IOHK = function IOHK(_ref) {
  var lang = _ref.lang,
      theme = _ref.theme;
  var content = _iohk["default"][lang];
  if (!content) throw new Error("No content for IOHK footer in language \"".concat(lang, "\""));
  var logoURL = 'https://ucarecdn.com/306dc384-d0ae-479a-9b7e-2814fbeaea9b/';
  return _react["default"].createElement("div", null, _react["default"].createElement("hr", null), _react["default"].createElement(Container, null, _react["default"].createElement(FirstSection, null, _react["default"].createElement(Logo, null, _react["default"].createElement("div", null, _react["default"].createElement(_Link["default"], {
    href: "https://iohk.io/",
    rel: "noopener"
  }, _react["default"].createElement(_Image["default"], {
    src: logoURL,
    alt: "IOHK logo",
    sizeFactor: 0.14,
    maintainTransparency: true
  }))))), _react["default"].createElement(LastSection, null, _react["default"].createElement(LinksRow, null, content.links.map(function (column) {
    return _react["default"].createElement(LinksColumn, {
      key: JSON.stringify(column)
    }, _react["default"].createElement("ul", null, column.map(function (_ref2) {
      var label = _ref2.label,
          href = _ref2.href;
      return _react["default"].createElement("li", {
        key: "".concat(label, "_").concat(href)
      }, _react["default"].createElement(_Link["default"], {
        href: href,
        rel: "noopener"
      }, label));
    })));
  })))));
};

IOHK.propTypes = {
  lang: _propTypes["default"].string.isRequired,
  theme: _propTypes["default"].oneOf(['dark', 'light']).isRequired
};
var _default = IOHK;
exports["default"] = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb290ZXJzL0lPSEsuanMiXSwibmFtZXMiOlsiQ29udGFpbmVyIiwic3R5bGVkIiwiZGl2IiwiRmlyc3RTZWN0aW9uIiwiTGFzdFNlY3Rpb24iLCJMb2dvIiwiTGlua3NSb3ciLCJMaW5rc0NvbHVtbiIsIklPSEsiLCJsYW5nIiwidGhlbWUiLCJjb250ZW50IiwiaW9oayIsIkVycm9yIiwibG9nb1VSTCIsImxpbmtzIiwibWFwIiwiY29sdW1uIiwiSlNPTiIsInN0cmluZ2lmeSIsImxhYmVsIiwiaHJlZiIsInByb3BUeXBlcyIsIlByb3BUeXBlcyIsInN0cmluZyIsImlzUmVxdWlyZWQiLCJvbmVPZiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFQSxJQUFNQSxTQUFTLEdBQUdDLDZCQUFPQyxHQUFWLG1CQUFmOztBQUtBLElBQU1DLFlBQVksR0FBR0YsNkJBQU9DLEdBQVYsb0JBQWxCOztBQVlBLElBQU1FLFdBQVcsR0FBR0gsNkJBQU9DLEdBQVYsb0JBQWpCOztBQVNBLElBQU1HLElBQUksR0FBR0osNkJBQU9DLEdBQVYsb0JBQVY7O0FBbUJBLElBQU1JLFFBQVEsR0FBR0wsNkJBQU9DLEdBQVYsb0JBQWQ7O0FBY0EsSUFBTUssV0FBVyxHQUFHTiw2QkFBT0MsR0FBVixvQkFBakI7O0FBcUNBLElBQU1NLElBQUksR0FBRyxTQUFQQSxJQUFPLE9BQXFCO0FBQUEsTUFBbEJDLElBQWtCLFFBQWxCQSxJQUFrQjtBQUFBLE1BQVpDLEtBQVksUUFBWkEsS0FBWTtBQUNoQyxNQUFNQyxPQUFPLEdBQUdDLGlCQUFLSCxJQUFMLENBQWhCO0FBQ0EsTUFBSSxDQUFDRSxPQUFMLEVBQWMsTUFBTSxJQUFJRSxLQUFKLG9EQUFxREosSUFBckQsUUFBTjtBQUNkLE1BQU1LLE9BQU8sR0FBRyw0REFBaEI7QUFDQSxTQUNFLDZDQUNFLDJDQURGLEVBRUUsZ0NBQUMsU0FBRCxRQUNFLGdDQUFDLFlBQUQsUUFDRSxnQ0FBQyxJQUFELFFBQ0UsNkNBQ0UsZ0NBQUMsZ0JBQUQ7QUFBTSxJQUFBLElBQUksRUFBQyxrQkFBWDtBQUE4QixJQUFBLEdBQUcsRUFBQztBQUFsQyxLQUNFLGdDQUFDLGlCQUFEO0FBQU8sSUFBQSxHQUFHLEVBQUVBLE9BQVo7QUFBcUIsSUFBQSxHQUFHLEVBQUMsV0FBekI7QUFBcUMsSUFBQSxVQUFVLEVBQUUsSUFBakQ7QUFBdUQsSUFBQSxvQkFBb0I7QUFBM0UsSUFERixDQURGLENBREYsQ0FERixDQURGLEVBVUUsZ0NBQUMsV0FBRCxRQUNFLGdDQUFDLFFBQUQsUUFDR0gsT0FBTyxDQUFDSSxLQUFSLENBQWNDLEdBQWQsQ0FBa0IsVUFBQUMsTUFBTTtBQUFBLFdBQ3ZCLGdDQUFDLFdBQUQ7QUFBYSxNQUFBLEdBQUcsRUFBRUMsSUFBSSxDQUFDQyxTQUFMLENBQWVGLE1BQWY7QUFBbEIsT0FDRSw0Q0FDR0EsTUFBTSxDQUFDRCxHQUFQLENBQVc7QUFBQSxVQUFHSSxLQUFILFNBQUdBLEtBQUg7QUFBQSxVQUFVQyxJQUFWLFNBQVVBLElBQVY7QUFBQSxhQUNWO0FBQUksUUFBQSxHQUFHLFlBQUtELEtBQUwsY0FBY0MsSUFBZDtBQUFQLFNBQTZCLGdDQUFDLGdCQUFEO0FBQU0sUUFBQSxJQUFJLEVBQUVBLElBQVo7QUFBa0IsUUFBQSxHQUFHLEVBQUM7QUFBdEIsU0FBa0NELEtBQWxDLENBQTdCLENBRFU7QUFBQSxLQUFYLENBREgsQ0FERixDQUR1QjtBQUFBLEdBQXhCLENBREgsQ0FERixDQVZGLENBRkYsQ0FERjtBQTZCRCxDQWpDRDs7QUFtQ0FaLElBQUksQ0FBQ2MsU0FBTCxHQUFpQjtBQUNmYixFQUFBQSxJQUFJLEVBQUVjLHNCQUFVQyxNQUFWLENBQWlCQyxVQURSO0FBRWZmLEVBQUFBLEtBQUssRUFBRWEsc0JBQVVHLEtBQVYsQ0FBZ0IsQ0FBRSxNQUFGLEVBQVUsT0FBVixDQUFoQixFQUFxQ0Q7QUFGN0IsQ0FBakI7ZUFLZWpCLEkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJ1xuaW1wb3J0IEltYWdlIGZyb20gJ0BpbnB1dC1vdXRwdXQtaGsvZnJvbnQtZW5kLWNvcmUtY29tcG9uZW50cy9jb21wb25lbnRzL0ltYWdlJ1xuaW1wb3J0IExpbmsgZnJvbSAnQGlucHV0LW91dHB1dC1oay9mcm9udC1lbmQtY29yZS1jb21wb25lbnRzL2NvbXBvbmVudHMvTGluaydcbmltcG9ydCBpb2hrIGZyb20gJy4uL3Jlc291cmNlcy9mb290ZXIvaW9oaydcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgbWFyZ2luOiAyLjhyZW0gMDtcbmBcblxuY29uc3QgRmlyc3RTZWN0aW9uID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMTtcbiAgcGFkZGluZy1yaWdodDogNHJlbTtcblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA5NjBweCkge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgcGFkZGluZy1yaWdodDogMDtcbiAgICBtYXJnaW4tYm90dG9tOiA0cmVtO1xuICB9XG5gXG5cbmNvbnN0IExhc3RTZWN0aW9uID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMjtcblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA5NjBweCkge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIH1cbmBcblxuY29uc3QgTG9nbyA9IHN0eWxlZC5kaXZgXG4gID4gZGl2IHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBtYXgtd2lkdGg6IDIwcmVtO1xuXG4gICAgaW1nIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cbiAgfVxuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDk2MHB4KSB7XG4gICAgZmxleDogMTtcbiAgICAgICAgICBcbiAgICA+IGRpdiB7XG4gICAgICBtYXJnaW46IDAgYXV0bztcbiAgICB9XG4gIH1cbmBcblxuY29uc3QgTGlua3NSb3cgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDk2MHB4KSB7XG4gICAgbWF4LXdpZHRoOiA3MDBweDtcbiAgICBmbGV4OiAxO1xuICB9XG5cbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzAwcHgpIHtcbiAgICBmbGV4LXdyYXA6IHdyYXA7XG4gIH1cbmBcblxuY29uc3QgTGlua3NDb2x1bW4gPSBzdHlsZWQuZGl2YFxuICBmbGV4OiAxO1xuXG4gIHVsIHtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuXG4gICAgbGkge1xuICAgICAgbWFyZ2luOiAwLjZyZW0gMDtcblxuICAgICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgbWFyZ2luLXRvcDogMDtcbiAgICAgIH1cblxuICAgICAgJjpsYXN0LW9mLXR5cGUge1xuICAgICAgICBtYXJnaW4tYm90dG9tOiAwO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDk2MHB4KSB7XG4gICAgdWwge1xuICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIH1cbiAgfVxuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDcwMHB4KSB7XG4gICAgZmxleC1iYXNpczogNTAlO1xuICAgIG1hcmdpbjogMS42cmVtIDA7XG4gIH1cblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA0NTBweCkge1xuICAgIGZsZXgtYmFzaXM6IDEwMCU7XG4gIH1cbmBcblxuY29uc3QgSU9ISyA9ICh7IGxhbmcsIHRoZW1lIH0pID0+IHtcbiAgY29uc3QgY29udGVudCA9IGlvaGtbbGFuZ11cbiAgaWYgKCFjb250ZW50KSB0aHJvdyBuZXcgRXJyb3IoYE5vIGNvbnRlbnQgZm9yIElPSEsgZm9vdGVyIGluIGxhbmd1YWdlIFwiJHtsYW5nfVwiYClcbiAgY29uc3QgbG9nb1VSTCA9ICdodHRwczovL3VjYXJlY2RuLmNvbS8zMDZkYzM4NC1kMGFlLTQ3OWEtOWI3ZS0yODE0ZmJlYWVhOWIvJ1xuICByZXR1cm4gKFxuICAgIDxkaXY+XG4gICAgICA8aHIgLz5cbiAgICAgIDxDb250YWluZXI+XG4gICAgICAgIDxGaXJzdFNlY3Rpb24+XG4gICAgICAgICAgPExvZ28+XG4gICAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgICA8TGluayBocmVmPSdodHRwczovL2lvaGsuaW8vJyByZWw9J25vb3BlbmVyJz5cbiAgICAgICAgICAgICAgICA8SW1hZ2Ugc3JjPXtsb2dvVVJMfSBhbHQ9J0lPSEsgbG9nbycgc2l6ZUZhY3Rvcj17MC4xNH0gbWFpbnRhaW5UcmFuc3BhcmVuY3kgLz5cbiAgICAgICAgICAgICAgPC9MaW5rPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9Mb2dvPlxuICAgICAgICA8L0ZpcnN0U2VjdGlvbj5cbiAgICAgICAgPExhc3RTZWN0aW9uPlxuICAgICAgICAgIDxMaW5rc1Jvdz5cbiAgICAgICAgICAgIHtjb250ZW50LmxpbmtzLm1hcChjb2x1bW4gPT4gKFxuICAgICAgICAgICAgICA8TGlua3NDb2x1bW4ga2V5PXtKU09OLnN0cmluZ2lmeShjb2x1bW4pfT5cbiAgICAgICAgICAgICAgICA8dWw+XG4gICAgICAgICAgICAgICAgICB7Y29sdW1uLm1hcCgoeyBsYWJlbCwgaHJlZiB9KSA9PiAoXG4gICAgICAgICAgICAgICAgICAgIDxsaSBrZXk9e2Ake2xhYmVsfV8ke2hyZWZ9YH0+PExpbmsgaHJlZj17aHJlZn0gcmVsPSdub29wZW5lcic+e2xhYmVsfTwvTGluaz48L2xpPlxuICAgICAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICAgICAgPC91bD5cbiAgICAgICAgICAgICAgPC9MaW5rc0NvbHVtbj5cbiAgICAgICAgICAgICkpfVxuICAgICAgICAgIDwvTGlua3NSb3c+XG4gICAgICAgIDwvTGFzdFNlY3Rpb24+XG4gICAgICA8L0NvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5JT0hLLnByb3BUeXBlcyA9IHtcbiAgbGFuZzogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICB0aGVtZTogUHJvcFR5cGVzLm9uZU9mKFsgJ2RhcmsnLCAnbGlnaHQnIF0pLmlzUmVxdWlyZWRcbn1cblxuZXhwb3J0IGRlZmF1bHQgSU9IS1xuIl19