@atlaskit/lozenge/dist/es2019/Lozenge/Container.js

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

import { jsx } from '@emotion/core';
import { borderRadius } from '@atlaskit/theme/constants';
const BORDER_RADIUS = `${borderRadius()}px`;
export default ({ backgroundColor, textColor, children, testId, }) => (jsx("span", { css: {
        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