@krowdy-ui/core/Dot/Dot.js

React components that implement Google's Material Design.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

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

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

var _styles = require("@material-ui/styles");

var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));

var useStyles = (0, _styles.makeStyles)(function (theme) {
  return {
    root: {
      backgroundColor: function backgroundColor(_ref) {
        var color = _ref.color;

        switch (color) {
          case 'success':
            {
              return theme.palette.success.main;
            }

          case 'error':
            {
              return theme.palette.error.main;
            }

          case 'primary':
            {
              return theme.palette.primary.main;
            }

          default:
            {
              return theme.palette.grey[500];
            }
        }
      },
      borderRadius: '50%',
      display: 'inline-block',
      height: 8,
      width: 8
    }
  };
});

var Dot = function Dot(_ref2) {
  var _ref2$color = _ref2.color,
      color = _ref2$color === void 0 ? 'default' : _ref2$color,
      title = _ref2.title;
  var classes = useStyles({
    color: color
  });
  if (title) return /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
    title: title
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: classes.root
  }));
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: classes.root
  });
};

process.env.NODE_ENV !== "production" ? Dot.propTypes = {
  color: _propTypes["default"].string,
  title: _propTypes["default"].string
} : void 0;
var _default = Dot;
exports["default"] = _default;