@makeen.io/material-ui-kit/distr/molecules/Footer/index.js

Makeen UI components kit. Based on material-ui.

import _extends from "@babel/runtime/helpers/extends";import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";function _templateObject() {var data = _taggedTemplateLiteral(["\n  background: #fff;\n  min-height: 56px;\n  width: calc(100% - ", "px);\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 24px;\n  font-size: 13px;\n  margin-left: ", "px;\n\n  .copyright {\n    color: ", ";\n  }\n\n  .logo {\n    display: none;\n  }\n\n  .menu {\n    display: flex;\n\n    .menu-option {\n      margin: 16px;\n      a {\n        text-decoration: none;\n        color: ", ";\n      }\n    }\n  }\n\n  ", " {\n    flex-direction: column-reverse;\n    width: 100%;\n    margin-left: 0;\n    margin-top: 16px;\n\n    .menu {\n      flex-wrap: wrap;\n      justify-content: center;\n      align-items: center;\n      margin-bottom: 24px;\n\n      .menu-option {\n        margin: 16px 16px 0 16px;\n      }\n    }\n\n    .logo {\n      display: inline-block;\n\n      img {\n        height: 24px;\n        object-fit: contain;\n      }\n    }\n\n    .copyright {\n      margin-top: 16px;\n    }\n  }\n"]);_templateObject = function _templateObject() {return data;};return data;}import React from "react";
import logoDark from "../../../assets/images/Logo-Dark.png";
import styled from "styled-components";
// import roleUtils from "core/role";
var options = [
{
  label: "Contact Us",
  path: "/settings/contactus"
},
{
  label: "FAQs",
  path: "/settings/faq"
},
{
  label: "Terms of Use",
  path: "/settings/terms"
},
{
  label: "Privacy Policy",
  path: "/settings/privacy"
},
{
  label: "Legal Notices",
  path: "/settings/legal"
}];

var calculateOffset = function calculateOffset(_ref) {var open = _ref.open,drawer = _ref.drawer,logo = _ref.logo;
  if (drawer) {
    return open ? drawer.open : drawer.closed;
  }
  return 0;
};
var MenuOption = function MenuOption(_ref2) {var path = _ref2.path,label = _ref2.label,isNonUser = _ref2.isNonUser,isPlatformAdmin = _ref2.isPlatformAdmin;return /*#__PURE__*/React.createElement("div", { className: "menu-option" }, /*#__PURE__*/
  React.createElement("a", { href: !isNonUser && isPlatformAdmin ? path : "/" }, label));};
var getYearsDesc = function getYearsDesc(yearFrom) {
  var current = new Date().getFullYear();
  var sanitizedYear = typeof yearFrom === "string" ? parseInt(yearFrom, 10) : yearFrom;
  return (!isNaN(sanitizedYear) && sanitizedYear === current ?
  current.toString() : "".concat(
  sanitizedYear, "-").concat(current)) || current.toString();
};
export default styled(function (_ref3) {var isNonUser = _ref3.isNonUser,shouldHideMenu = _ref3.shouldHideMenu,_ref3$yearFrom = _ref3.yearFrom,yearFrom = _ref3$yearFrom === void 0 ? "1996" : _ref3$yearFrom,_ref3$companyDesc = _ref3.companyDesc,companyDesc = _ref3$companyDesc === void 0 ? "Amazon.com, Inc. or its affiliates" : _ref3$companyDesc,_ref3$menuOptions = _ref3.menuOptions,menuOptions = _ref3$menuOptions === void 0 ? options : _ref3$menuOptions,restProps = _objectWithoutProperties(_ref3, ["isNonUser", "shouldHideMenu", "yearFrom", "companyDesc", "menuOptions"]);return /*#__PURE__*/React.createElement("div", _extends({}, restProps), /*#__PURE__*/
  React.createElement("div", { className: "copyright" }, /*#__PURE__*/
  React.createElement("span", null,
  "TM & \xA9 ",
  getYearsDesc(yearFrom),
  ", ",
  companyDesc)), /*#__PURE__*/
  React.createElement("div", { className: "logo" }, /*#__PURE__*/
  React.createElement("img", { alt: "Brand Logo", src: logoDark })),
  !shouldHideMenu && /*#__PURE__*/React.createElement("div", { className: "menu" }, menuOptions.map(function (option) {return /*#__PURE__*/React.createElement(MenuOption, _extends({ key: option.label, isNonUser: isNonUser }, option));})));})(_templateObject(),


calculateOffset,






calculateOffset,


function (props) {return props.theme.palette.text.secondary;},













function (props) {return props.theme.palette.text.secondary;},




function (props) {return props.theme.breakpoints.down("sm");});






























//# sourceMappingURL=index.js.map