text: "use strict";
  
  Object.defineProperty(exports, "__esModule", {
    value: true
  });
  exports.default = void 0;
  
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
  
  var _styledSystem = require("styled-system");
  
  var _constants = require("./constants");
  
  var _sx = _interopRequireDefault(require("./sx"));
  
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
  
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
  
  const outlineStyles = (0, _styledComponents.css)(["margin-top:-1px;margin-bottom:-1px;color:", ";border:", " solid ", ";box-shadow:none;", ";", ";background-color:transparent;"], (0, _constants.get)('colors.label.secondary.text'), (0, _constants.get)('borderWidths.1'), (0, _constants.get)('colors.label.border'), _styledSystem.borderColor, _constants.COMMON);
  const sizeVariant = (0, _styledSystem.variant)({
    variants: {
      small: {
        fontSize: 0,
        lineHeight: '16px',
        padding: '0px 8px'
      },
      medium: {
        fontSize: 0,
        lineHeight: '20px',
        padding: '0 8px'
      },
      large: {
        fontSize: 0,
        lineHeight: '24px',
        padding: '0 12px'
      },
      // corresponds to StateLabel fontSize/lineHeight/padding
      xl: {
        fontSize: 1,
        lineHeight: '16px',
        padding: '8px 12px'
      }
    }
  });
  
  const Label = _styledComponents.default.span.withConfig({
    displayName: "Label",
    componentId: "sc-1t3ykp0-0"
  })(["display:inline-block;font-weight:", ";color:", ";border-radius:", ";&:hover{text-decoration:none;}", " ", " ", " ", "  ", ""], (0, _constants.get)('fontWeights.semibold'), (0, _constants.get)('colors.text.inverse'), (0, _constants.get)('radii.3'), sizeVariant, _constants.COMMON, props => props.dropshadow ? 'box-shadow: inset 0 -1px 0 rgba(27, 31, 35, 0.12)' : '', props => props.outline ? outlineStyles : '', _sx.default);
  
  Label.defaultProps = {
    bg: 'label.primary.border',
    variant: 'medium'
  };
  var _default = Label;
  exports.default = _default;