require('./Breadcrumbs.styles_thss17.css');
'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var react = require('@linaria/react');
var IconDisclosureRight = require('../_Icon/Icons/IconDisclosureRight.js');
var Breadcrumbs_tokens = require('./Breadcrumbs.tokens.js');
var common = require('../../engines/common.js');
var Link$1 = require('../Link/Link.js');

var mergedLinkConfig = /*#__PURE__*/common.mergeConfig(Link$1.linkConfig);
var Link = /*#__PURE__*/common.component(mergedLinkConfig);
var _exp = function _exp() {
  return Link;
};
var _exp2 = function _exp2() {
  return function (_ref) {
    var isHref = _ref.isHref;
    return isHref ? "var(".concat(Breadcrumbs_tokens.tokens.breadcrumbsColor, ")") : "var(".concat(Breadcrumbs_tokens.tokens.breadcrumbsColorText, ")");
  };
};
var _exp8 = function _exp8() {
  return function (_ref2) {
    var isHref = _ref2.isHref;
    return isHref ? 1 : "var(".concat(Breadcrumbs_tokens.tokens.breadcrumbsOpacity, ")");
  };
};
var StyledLink = /*#__PURE__*/react.styled(_exp())({
  name: "StyledLink",
  "class": "s1m35trn",
  propsAsIs: true,
  vars: {
    "s1m35trn-0": [/*#__PURE__*/_exp2()],
    "s1m35trn-1": [/*#__PURE__*/_exp8()]
  }
});
var base = "b2nde2g";
var _exp16 = function _exp16() {
  return IconDisclosureRight.IconDisclosureRight;
};
var Separator = /*#__PURE__*/react.styled(_exp16())({
  name: "Separator",
  "class": "s12luzs9",
  propsAsIs: true
});

exports.Separator = Separator;
exports.StyledLink = StyledLink;
exports.base = base;
