@atlaskit/lozenge
Version:
A lozenge is a visual indicator used to highlight an item's status for quick recognition.
21 lines • 830 B
JavaScript
import { jsx } from '@emotion/core';
import { borderRadius } from '@atlaskit/theme/constants';
var BORDER_RADIUS = borderRadius() + "px";
export default (function (_a) {
var backgroundColor = _a.backgroundColor, textColor = _a.textColor, children = _a.children, testId = _a.testId;
return (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