@jsinfin/server-status/dist/index.js

A reusable React component that allows your users to determine the status of your server; up / on or down / off

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

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

var ServerStatus = function ServerStatus(props) {

  var dot = {
    height: props.height,
    width: props.width,
    backgroundColor: props.backgroundColor,
    borderRadius: '50%',
    display: 'inline-block',
    border: props.border,
    borderColor: props.borderColor,
    borderStyle: 'solid'
  };

  return _react2.default.createElement('span', { style: dot });
};

ServerStatus.defaultProps = {
  height: 10,
  width: 10,
  border: 0,
  borderColor: '#4c924c',
  borderStyle: 'none'
};

ServerStatus.propTypes = {
  height: _propTypes2.default.number,
  width: _propTypes2.default.number,
  border: _propTypes2.default.number,
  borderColor: _propTypes2.default.string,
  borderStyle: _propTypes2.default.string
};

exports.default = ServerStatus;