"use strict";

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

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _spacing = require("../../../mixins/spacing");

var _typography = require("../../../mixins/typography");

var _tag = require("./tag.css-rules");

var _tag2 = require("./tag.proptypes");

var _typography2 = require("../../typography");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var Tag = (0, _styledComponents["default"])(_typography2.Span).attrs(function (props) {
  return {
    style: (0, _spacing.getSpacingRules)(props),
    bold: true
  };
}).withConfig({
  displayName: "Tag",
  componentId: "c4rvl4-0"
})(["background:", ";display:inline-block;border-radius:2px;color:", ";font-size:12px;font-family:", ";font-weight:", ";line-height:1;padding:4px 10px;text-align:center;"], _tag.getBackground, _tag.getForegroundColor, _typography.getFontFamily, _typography.getFontWeight);
exports.Tag = Tag;
Tag.displayName = 'Tag';
Tag.propTypes = _tag2.tagPropTypes;