import _extends from "@babel/runtime/helpers/extends";
import "core-js/modules/es.string.link.js";
import * as React from 'react';
import { TextLink } from '@megafon/ui-core';
import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
import "./BreadcrumbsItem.css";
export var TextColor = {
  DEFAULT: 'default',
  BLACK: 'black',
  WHITE: 'white'
};
var MICRODATA = {
  itemScope: true,
  itemProp: 'itemListElement',
  itemType: 'https://schema.org/ListItem'
};
var MICRODATA_ITEM_PROP = {
  itemProp: 'name'
};
var cn = cnCreate('mfui-9-breadcrumbs-item');
var BreadcrumbsItem = function BreadcrumbsItem(_ref) {
  var title = _ref.title,
    href = _ref.href,
    color = _ref.color,
    _ref$index = _ref.index,
    index = _ref$index === void 0 ? 0 : _ref$index,
    _ref$isLastItem = _ref.isLastItem,
    isLastItem = _ref$isLastItem === void 0 ? false : _ref$isLastItem,
    _ref$hasMicrodata = _ref.hasMicrodata,
    hasMicrodata = _ref$hasMicrodata === void 0 ? false : _ref$hasMicrodata,
    _ref$hasMicrodataForL = _ref.hasMicrodataForLastItem,
    hasMicrodataForLastItem = _ref$hasMicrodataForL === void 0 ? false : _ref$hasMicrodataForL,
    classes = _ref.classes,
    dataAttrs = _ref.dataAttrs;
  var renderMeta = /*#__PURE__*/React.createElement("meta", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.meta, index + 1), {
    itemProp: "position",
    content: String(index + 1)
  }));
  if (isLastItem) {
    return /*#__PURE__*/React.createElement("div", _extends({
      className: cn({
        color: color
      })
    }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, index + 1), hasMicrodataForLastItem && MICRODATA), /*#__PURE__*/React.createElement("span", _extends({
      className: classes === null || classes === void 0 ? void 0 : classes.lastItemTitle
    }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle, index + 1), hasMicrodataForLastItem && MICRODATA_ITEM_PROP), title), hasMicrodataForLastItem && renderMeta);
  }
  return /*#__PURE__*/React.createElement("div", _extends({
    className: cn()
  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, index + 1), hasMicrodata && MICRODATA), /*#__PURE__*/React.createElement(TextLink, {
    className: classes === null || classes === void 0 ? void 0 : classes.link,
    href: href,
    color: color,
    dataAttrs: {
      root: (dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link) ? _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link, index + 1)) : undefined
    },
    itemProp: hasMicrodata ? 'item' : undefined
  }, /*#__PURE__*/React.createElement("span", _extends({
    className: classes === null || classes === void 0 ? void 0 : classes.itemTitle
  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle, index + 1), hasMicrodata && MICRODATA_ITEM_PROP), title)), hasMicrodata && renderMeta);
};
export default BreadcrumbsItem;