@catho/quantum
Version:
Catho react components
24 lines (23 loc) • 839 B
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Tag = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _Rect = require("./Rect");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
var Tag = exports.Tag = (0, _styledComponents["default"])(_Rect.Rect).withConfig({
displayName: "Tag",
componentId: "sc-8743sb-0"
})(["border-radius:8px;margin-right:8px;height:", ";"], function (_ref) {
var size = _ref.size,
_ref$theme = _ref.theme,
baseFontSize = _ref$theme.baseFontSize,
spacing = _ref$theme.spacing;
var sizes = {
small: baseFontSize * 0.875,
medium: baseFontSize * 1.125,
large: baseFontSize * 1.25
};
return "".concat((sizes[size] || sizes.medium) + spacing.xxsmall * 2, "px");
});