@kiwicom/smart-faq/lib/shared/StaticFAQ/breadcrumbs/Breadcrumb.js

Smart FAQ

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

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

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

var _style = _interopRequireDefault(require("styled-jsx/style"));

var React = _interopRequireWildcard(require("react"));

var _reactRouterDom = require("react-router-dom");

var _Text = _interopRequireDefault(require("@kiwicom/orbit-components/lib/Text"));

var _ChevronRight = _interopRequireDefault(require("@kiwicom/orbit-components/lib/icons/ChevronRight"));

// @flow
var Breadcrumb = function Breadcrumb(_ref) {
  var breadcrumb = _ref.breadcrumb,
      isCurrent = _ref.isCurrent;
  var url = breadcrumb.id ? "/faq/".concat(breadcrumb.id) : '/faq';
  var title = React.createElement(_Text.default, {
    type: "secondary",
    size: "small",
    element: "span"
  }, breadcrumb.title);
  return React.createElement("div", {
    className: "jsx-3463476164" + " " + "breadcrumb"
  }, isCurrent ? title : React.createElement(_reactRouterDom.Link, {
    to: url,
    style: {
      textDecoration: 'none'
    }
  }, title), !isCurrent && React.createElement("div", {
    className: "jsx-3463476164" + " " + "breadcrumb-icon"
  }, React.createElement(_ChevronRight.default, {
    size: "small",
    customColor: "#bac7d5"
  })), React.createElement(_style.default, {
    styleId: "3463476164",
    css: ".breadcrumb.jsx-3463476164,.breadcrumb-icon.jsx-3463476164{display:inline-block;color:#7f91a8;}.breadcrumb-icon.jsx-3463476164{margin:0 8px;}"
  }));
};

Breadcrumb.defaultProps = {
  isCurrent: false
};
var _default = Breadcrumb;
exports.default = _default;