@makeen.io/material-ui-kit/distr/atoms/Breadcrumb/index.js

Makeen UI components kit. Based on material-ui.

import _extends from "@babel/runtime/helpers/extends";import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";function _templateObject2() {var data = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n"]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = _taggedTemplateLiteral(["\n  color: ", ";\n\n  .link {\n    text-decoration: inherit;\n    color: inherit;\n    cursor: pointer;\n  }\n\n  .icon {\n    color: ", ";\n    margin-left: 3px;\n    margin-right: 3px;\n  }\n"]);_templateObject = function _templateObject() {return data;};return data;}import React from "react";
import { Tooltip } from "@material-ui/core";
import { FaChevronRight } from "react-icons/fa";
import { useHistory } from "react-router-dom";
import styled from "styled-components";
import Text from "../Text";
var BreadcrumbItemWrapper = styled.div(_templateObject(),
function (props) {return props.theme.palette.colors.basic[props.isLast ? 800 : 600];},








function (props) {return props.theme.palette.colors.basic[500];});




var BreadcrumbItem = function BreadcrumbItem(props) {var
    isFirst = props.isFirst,isLast = props.isLast,item = props.item;
  var history = useHistory();
  var title = item.hasOwnProperty("title") ? item.title : item;
  var link = item.hasOwnProperty("link") ? item.link : null;
  return /*#__PURE__*/React.createElement(BreadcrumbItemWrapper, _extends({}, props), /*#__PURE__*/
  React.createElement(Tooltip, { title: title, placement: "bottom" }, /*#__PURE__*/
  React.createElement(Text, { noWrap: true, variant: "body2", className: link ? "link" : "", onClick: function onClick() {
      return link ? history.push(link) : null;
    } }, title)),
  !isLast && /*#__PURE__*/React.createElement("div", { className: "icon" }, /*#__PURE__*/
  React.createElement(FaChevronRight, { size: 8 })));
};
export default styled(function (_ref) {var props = _extends({}, _ref);return /*#__PURE__*/React.createElement("div", _extends({}, props), props.breadcrumb.map(function (item, key) {return /*#__PURE__*/React.createElement(BreadcrumbItem, _extends({}, props, { item: item, key: String(key), isFirst: key === 0, isLast: props.breadcrumb.length - 1 === key }));}));})(_templateObject2());



//# sourceMappingURL=index.js.map