@atlaskit/lozenge
Version:
A lozenge is a visual indicator used to highlight an item's status for quick recognition.
23 lines • 929 B
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var core_1 = require("@emotion/core");
var constants_1 = require("@atlaskit/theme/constants");
var BORDER_RADIUS = constants_1.borderRadius() + "px";
exports.default = (function (_a) {
var backgroundColor = _a.backgroundColor, textColor = _a.textColor, children = _a.children, testId = _a.testId;
return (core_1.jsx("span", { css: {
backgroundColor: backgroundColor,
borderRadius: BORDER_RADIUS,
boxSizing: 'border-box',
color: textColor,
display: 'inline-block',
fontSize: '11px',
fontWeight: 700,
lineHeight: 1,
maxWidth: '100%',
padding: '2px 0 3px 0',
textTransform: 'uppercase',
verticalAlign: 'baseline',
}, "data-testid": testId }, children));
});
//# sourceMappingURL=Container.js.map