styledot/loading-pill.js

23andMe Design System

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var LoadingPill = function LoadingPill(props) {
  var pillText = props.text ? props.text : 'Loading';
  var pillStyle = props.style ? "mod-loading-".concat(props.style) : '';
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: "sd-loading-pill sd-loadingstate ".concat(pillStyle)
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "sd-loading-pill-wrapper"
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "sd-loading-pill-shape"
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "sd-pill-loading"
  }), /*#__PURE__*/_react["default"].createElement("span", null, pillText))));
};

LoadingPill.propTypes = {
  text: _propTypes["default"].string,
  style: _propTypes["default"].string
};
var _default = LoadingPill;
exports["default"] = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJMb2FkaW5nUGlsbCIsInByb3BzIiwicGlsbFRleHQiLCJ0ZXh0IiwicGlsbFN0eWxlIiwic3R5bGUiLCJwcm9wVHlwZXMiLCJQcm9wVHlwZXMiLCJzdHJpbmciXSwic291cmNlcyI6WyIuLi9zcmMvbGliL2xvYWRpbmctcGlsbC5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmNvbnN0IExvYWRpbmdQaWxsID0gcHJvcHMgPT4ge1xuICAgIGNvbnN0IHBpbGxUZXh0ID0gcHJvcHMudGV4dCA/IHByb3BzLnRleHQgOiAnTG9hZGluZyc7XG4gICAgY29uc3QgcGlsbFN0eWxlID0gcHJvcHMuc3R5bGUgPyBgbW9kLWxvYWRpbmctJHtwcm9wcy5zdHlsZX1gIDogJyc7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPGRpdiBjbGFzc05hbWU9e2BzZC1sb2FkaW5nLXBpbGwgc2QtbG9hZGluZ3N0YXRlICR7cGlsbFN0eWxlfWB9PlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJzZC1sb2FkaW5nLXBpbGwtd3JhcHBlclwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwic2QtbG9hZGluZy1waWxsLXNoYXBlXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwic2QtcGlsbC1sb2FkaW5nXCIgLz5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4+e3BpbGxUZXh0fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICApO1xufTtcblxuTG9hZGluZ1BpbGwucHJvcFR5cGVzID0ge1xuICAgIHRleHQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgc3R5bGU6IFByb3BUeXBlcy5zdHJpbmcsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBMb2FkaW5nUGlsbDtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBOztBQUNBOzs7O0FBRUEsSUFBTUEsV0FBVyxHQUFHLFNBQWRBLFdBQWMsQ0FBQUMsS0FBSyxFQUFJO0VBQ3pCLElBQU1DLFFBQVEsR0FBR0QsS0FBSyxDQUFDRSxJQUFOLEdBQWFGLEtBQUssQ0FBQ0UsSUFBbkIsR0FBMEIsU0FBM0M7RUFDQSxJQUFNQyxTQUFTLEdBQUdILEtBQUssQ0FBQ0ksS0FBTix5QkFBNkJKLEtBQUssQ0FBQ0ksS0FBbkMsSUFBNkMsRUFBL0Q7RUFDQSxvQkFDSTtJQUFLLFNBQVMsNENBQXFDRCxTQUFyQztFQUFkLGdCQUNJO0lBQUssU0FBUyxFQUFDO0VBQWYsZ0JBQ0k7SUFBSyxTQUFTLEVBQUM7RUFBZixnQkFDSTtJQUFLLFNBQVMsRUFBQztFQUFmLEVBREosZUFFSSw4Q0FBT0YsUUFBUCxDQUZKLENBREosQ0FESixDQURKO0FBVUgsQ0FiRDs7QUFlQUYsV0FBVyxDQUFDTSxTQUFaLEdBQXdCO0VBQ3BCSCxJQUFJLEVBQUVJLHFCQUFBLENBQVVDLE1BREk7RUFFcEJILEtBQUssRUFBRUUscUJBQUEsQ0FBVUM7QUFGRyxDQUF4QjtlQUtlUixXIn0=