@makeen.io/material-ui-kit/distr/atoms/StatusLabel/index.js

Makeen UI components kit. Based on material-ui.

import _extends from "@babel/runtime/helpers/extends";import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";function _templateObject() {var data = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  font-style: ", ";\n  text-transform: ", ";\n\n  &::before {\n    content: \"\";\n    background-color: ", ";\n    border-radius: 50%;\n    height: 8px;\n    width: 8px;\n    margin-right: 4px;\n  }\n"]);_templateObject = function _templateObject() {return data;};return data;}import React from "react";

import styled from "styled-components";
import theme from "../../themes/default";
import { Text } from "../index";
export default styled(function (_ref) {var color = _ref.color,label = _ref.label,italic = _ref.italic,_ref$textVariant = _ref.textVariant,textVariant = _ref$textVariant === void 0 ? "caption" : _ref$textVariant,upperCase = _ref.upperCase,rest = _objectWithoutProperties(_ref, ["color", "label", "italic", "textVariant", "upperCase"]);
  var classes = "status status-".concat(color);
  return /*#__PURE__*/React.createElement("div", _extends({ className: classes }, rest), /*#__PURE__*/
  React.createElement(Text, { display: "inline", noWrap: true, variant: textVariant }, label));
})(_templateObject(),


function (_ref2) {var italic = _ref2.italic;return italic ? "italic" : "normal";},
function (_ref3) {var upperCase = _ref3.upperCase;return upperCase ? "uppercase" : "none";},



function (_ref4) {var color = _ref4.color;return theme.palette.status[color];});






//# sourceMappingURL=index.js.map