"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const styled_components_1 = __importDefault(require("styled-components"));
const styled_system_1 = require("styled-system");
const lodash_1 = require("lodash");
const polished_1 = require("polished");
exports.Label = styled_components_1.default.span(({ theme, color, bg }) => ({
    display: 'inline-block',
    padding: '0.4rem 1rem',
    borderRadius: '1rem',
    lineHeight: theme.lineHeights.none,
    fontSize: theme.fontSizes[0],
    backgroundColor: (bg && lodash_1.get(theme, bg)) ||
        polished_1.lighten(0.4, lodash_1.get(theme, `colors.${color}`) || color),
}), styled_system_1.color);
// TODO @grsmto: remove when https://github.com/pedronauck/docz/issues/337 is resolved
exports.LabelDocz = (props) => {
    return react_1.default.createElement(exports.Label, Object.assign({}, props));
};
//# sourceMappingURL=Label.js.map