admin-lte-react/StatBox.js

AdminLTE react components

"use strict";

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

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

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

var propTypes = {
  count: _react.PropTypes.string,
  countSign: _react.PropTypes.string,
  title: _react.PropTypes.string,
  iconClasses: _react.PropTypes.string,
  url: _react.PropTypes.string,
  urlText: _react.PropTypes.string,
  color: _react.PropTypes.string
};

function StatBox(_ref) {
  var count = _ref.count;
  var countSign = _ref.countSign;
  var title = _ref.title;
  var iconClasses = _ref.iconClasses;
  var url = _ref.url;
  var urlText = _ref.urlText;
  var color = _ref.color;

  return _react2.default.createElement(
    "div",
    { className: "small-box bg-" + color },
    _react2.default.createElement(
      "div",
      { className: "inner" },
      _react2.default.createElement(
        "h3",
        null,
        count,
        _react2.default.createElement(
          "sup",
          { style: { fontSize: 20 } },
          countSign
        )
      ),
      _react2.default.createElement(
        "p",
        null,
        title
      )
    ),
    _react2.default.createElement(
      "div",
      { className: "icon" },
      _react2.default.createElement("i", { className: iconClasses })
    ),
    _react2.default.createElement(
      "a",
      { href: url, className: "small-box-footer" },
      urlText,
      " ",
      _react2.default.createElement("i", { className: "fa fa-arrow-circle-right" })
    )
  );
}

StatBox.propTypes = propTypes;

var _default = StatBox;
exports.default = _default;
;

(function () {
  if (typeof __REACT_HOT_LOADER__ === 'undefined') {
    return;
  }

  __REACT_HOT_LOADER__.register(propTypes, "propTypes", "src/lib/widgets/StatBox.js");

  __REACT_HOT_LOADER__.register(StatBox, "StatBox", "src/lib/widgets/StatBox.js");

  __REACT_HOT_LOADER__.register(_default, "default", "src/lib/widgets/StatBox.js");
})();

;