"use strict";

exports.__esModule = true;
exports.breadcrumbItemStyles = void 0;
var breadcrumbItemStyles = {
  root: function root(_ref) {
    var p = _ref.props,
        v = _ref.variables;
    return Object.assign({
      display: 'inline-flex',
      alignItems: 'center',
      verticalAlign: 'middle'
    }, p.active && {
      fontWeight: v.itemCurrentFontWeight
    }, p.disabled && {
      color: v.disabledColor
    }, p.size === 'smaller' && {
      paddingLeft: v.linkPaddingLeftSmaller,
      paddingRight: v.linkPaddingRightSmaller,
      gap: v.linkSmallerGap
    }, p.size === 'small' && {
      paddingLeft: v.linkPaddingLeftSmall,
      paddingRight: v.linkPaddingRightSmall,
      gap: v.linkSmallGap
    }, p.size === 'medium' && {
      paddingLeft: v.linkPaddingLeftMedium,
      paddingRight: v.linkPaddingRightMedium,
      gap: v.linkMediumGap
    }, p.size === 'large' && {
      paddingLeft: v.linkPaddingLeftLarge,
      paddingRight: v.linkPaddingRightLarge,
      gap: v.linkLargeGap
    });
  }
};
exports.breadcrumbItemStyles = breadcrumbItemStyles;
//# sourceMappingURL=breadcrumbItemStyles.js.map
