@automattic/simple-components
Version:
React components, as used on WordPress.com
56 lines (43 loc) • 1.58 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
/** @format */
/**
* External dependencies
*/
var Badge =
/*#__PURE__*/
function (_React$Component) {
(0, _inherits2.default)(Badge, _React$Component);
function Badge() {
(0, _classCallCheck2.default)(this, Badge);
return (0, _possibleConstructorReturn2.default)(this, (Badge.__proto__ || Object.getPrototypeOf(Badge)).apply(this, arguments));
}
(0, _createClass2.default)(Badge, [{
key: "render",
value: function render() {
var type = this.props.type;
return _react.default.createElement("div", {
className: "badge badge--" + type
}, this.props.children);
}
}]);
return Badge;
}(_react.default.Component);
exports.default = Badge;
Badge.propTypes = {
type: _propTypes.default.oneOf(['warning', 'success']).isRequired
};
Badge.defaultProps = {
type: 'warning'
};
module.exports = exports["default"];