UNPKG

@atlaskit/lozenge

Version:

A lozenge is a visual indicator used to highlight an item's status for quick recognition.

25 lines 1.07 kB
import { __assign, __extends } from "tslib"; import React, { PureComponent } from 'react'; import { Theme } from '../theme'; import Container from './Container'; import Content from './Content'; var Lozenge = /** @class */ (function (_super) { __extends(Lozenge, _super); function Lozenge() { return _super !== null && _super.apply(this, arguments) || this; } Lozenge.prototype.render = function () { var _a = this.props, theme = _a.theme, children = _a.children, testId = _a.testId; return (React.createElement(Theme.Provider, { value: theme }, React.createElement(Theme.Consumer, __assign({}, this.props), function (themeTokens) { return (React.createElement(Container, __assign({ testId: testId }, themeTokens), React.createElement(Content, __assign({}, themeTokens), children))); }))); }; Lozenge.defaultProps = { isBold: false, appearance: 'default', maxWidth: 200, }; return Lozenge; }(PureComponent)); export default Lozenge; //# sourceMappingURL=index.js.map