diff --git a/dist/react-status-manager.js b/dist/react-status-manager.js
index c647cf1..23eb225 100644
--- a/dist/react-status-manager.js
+++ b/dist/react-status-manager.js
@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("classnames"),require("prop-types"),require("react")):"function"==typeof define&&define.amd?define(["classnames","prop-types","react"],t):"object"==typeof exports?exports.ReactStatusManager=t(require("classnames"),require("prop-types"),require("react")):e.ReactStatusManager=t(e.classnames,e["prop-types"],e.react)}(this,function(e,t,r){return function(e){function t(n){if(r[n])return r[n].exports;var o=r[n]={exports:{},id:n,loaded:!1};return e[n].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var r={};return t.m=e,t.c=r,t.p="/",t(0)}([function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(1),a=n(o);t.default=a.default},function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(e,t){var r={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},c=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),f=r(4),p=r(3),l=n(p),d=r(2),y=(n(d),function(e){function t(){return a(this,t),s(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return u(t,e),c(t,[{key:"render",value:function(){var e=this.props,t=(e.className,e.status),r=(e.statusList,e.children,e.nodeName),n=o(e,["className","status","statusList","children","nodeName"]);return(0,f.createElement)(r,i({"data-status":t,children:this.children},n))}},{key:"children",get:function(){var e=this.props,t=e.status,r=e.children,n=e.statusList;return r.map(function(e,r){return t===n[r]?e:null})}}]),t}(f.Component));y.propTypes={className:l.default.string,statusList:l.default.array,status:l.default.any,nodeName:l.default.any},y.defaultProps={statusList:[],nodeName:"div"},t.default=y},function(t,r){t.exports=e},function(e,r){e.exports=t},function(e,t){e.exports=r}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("classnames"),require("prop-types")):"function"==typeof define&&define.amd?define(["react","classnames","prop-types"],t):"object"==typeof exports?exports.ReactStatusManager=t(require("react"),require("classnames"),require("prop-types")):e.ReactStatusManager=t(e.react,e.classnames,e["prop-types"])}(this,function(e,t,r){return function(e){function t(n){if(r[n])return r[n].exports;var o=r[n]={exports:{},id:n,loaded:!1};return e[n].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var r={};return t.m=e,t.c=r,t.p="/",t(0)}([function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(2),a=n(o);t.default=a.default},function(t,r){t.exports=e},function(e,t,r){(function(e){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(e,t){var r={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},c=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),f=r(1),p=r(4),l=n(p),d=r(3),y=(n(d),function(e){function t(){return a(this,t),s(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return u(t,e),c(t,[{key:"render",value:function(){var e=this.props,t=(e.className,e.status),r=(e.statusList,e.children,e.nodeName),n=o(e,["className","status","statusList","children","nodeName"]);return(0,f.createElement)(r,i({"data-status":t,children:this.children},n))}},{key:"children",get:function(){var e=this.props,t=e.status,r=e.children,n=e.statusList;return r.map(function(e,r){return t===n[r]?e:null})}}]),t}(f.Component));y.propTypes={className:l.default.string,statusList:l.default.array,status:l.default.any,nodeName:l.default.any},y.defaultProps={statusList:[],nodeName:e.Fragment||"div"},t.default=y}).call(t,r(1))},function(e,r){e.exports=t},function(e,t){e.exports=r}])});
 //# sourceMappingURL=react-status-manager.js.map
\ No newline at end of file
diff --git a/dist/react-status-manager.js.map b/dist/react-status-manager.js.map
index f5efbf8..22b0eb1 100644
--- a/dist/react-status-manager.js.map
+++ b/dist/react-status-manager.js.map
@@ -1 +1 @@
-{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///react-status-manager.js","webpack:///webpack/bootstrap 9a76718d6284da38994b","webpack:///./src/main.js","webpack:///./src/components/react-status-manager.js","webpack:///external \"classnames\"","webpack:///external \"prop-types\"","webpack:///external \"react\""],"names":["root","factory","exports","module","require","define","amd","this","__WEBPACK_EXTERNAL_MODULE_2__","__WEBPACK_EXTERNAL_MODULE_3__","__WEBPACK_EXTERNAL_MODULE_4__","modules","__webpack_require__","moduleId","installedModules","id","loaded","call","m","c","p","_interopRequireDefault","obj","__esModule","default","Object","defineProperty","value","_reactStatusManager","_reactStatusManager2","ReactStatusManager","_objectWithoutProperties","keys","target","i","indexOf","prototype","hasOwnProperty","_classCallCheck","instance","Constructor","TypeError","_possibleConstructorReturn","self","ReferenceError","_inherits","subClass","superClass","create","constructor","enumerable","writable","configurable","setPrototypeOf","__proto__","undefined","_extends","assign","arguments","length","source","key","_createClass","defineProperties","props","descriptor","protoProps","staticProps","_react","_propTypes","_propTypes2","_classnames","_default","_Component","getPrototypeOf","apply","_props","status","className","nodeName","statusList","children","createElement","data-status","get","_props2","map","child","index","Component","propTypes","PropTypes","string","array","any","defaultProps"],"mappings":"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","file":"react-status-manager.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"classnames\"), require(\"prop-types\"), require(\"react\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"classnames\", \"prop-types\", \"react\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"ReactStatusManager\"] = factory(require(\"classnames\"), require(\"prop-types\"), require(\"react\"));\n\telse\n\t\troot[\"ReactStatusManager\"] = factory(root[\"classnames\"], root[\"prop-types\"], root[\"react\"]);\n})(this, function(__WEBPACK_EXTERNAL_MODULE_2__, __WEBPACK_EXTERNAL_MODULE_3__, __WEBPACK_EXTERNAL_MODULE_4__) {\nreturn \n\n\n// WEBPACK FOOTER //\n// webpack/universalModuleDefinition","(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"classnames\"), require(\"prop-types\"), require(\"react\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"classnames\", \"prop-types\", \"react\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"ReactStatusManager\"] = factory(require(\"classnames\"), require(\"prop-types\"), require(\"react\"));\n\telse\n\t\troot[\"ReactStatusManager\"] = factory(root[\"classnames\"], root[\"prop-types\"], root[\"react\"]);\n})(this, function(__WEBPACK_EXTERNAL_MODULE_2__, __WEBPACK_EXTERNAL_MODULE_3__, __WEBPACK_EXTERNAL_MODULE_4__) {\nreturn /******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"/\";\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\t'use strict';\n\t\n\tObject.defineProperty(exports, \"__esModule\", {\n\t  value: true\n\t});\n\t\n\tvar _reactStatusManager = __webpack_require__(1);\n\t\n\tvar _reactStatusManager2 = _interopRequireDefault(_reactStatusManager);\n\t\n\tfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\t\n\texports.default = _reactStatusManager2.default;\n\n/***/ }),\n/* 1 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\t'use strict';\n\t\n\tObject.defineProperty(exports, \"__esModule\", {\n\t  value: true\n\t});\n\texports.default = undefined;\n\t\n\tvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\t\n\tvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\t\n\tvar _react = __webpack_require__(4);\n\t\n\tvar _propTypes = __webpack_require__(3);\n\t\n\tvar _propTypes2 = _interopRequireDefault(_propTypes);\n\t\n\tvar _classnames = __webpack_require__(2);\n\t\n\tvar _classnames2 = _interopRequireDefault(_classnames);\n\t\n\tfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\t\n\tfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }\n\t\n\tfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\t\n\tfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\t\n\tfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\t\n\tvar _default = function (_Component) {\n\t  _inherits(_default, _Component);\n\t\n\t  function _default() {\n\t    _classCallCheck(this, _default);\n\t\n\t    return _possibleConstructorReturn(this, (_default.__proto__ || Object.getPrototypeOf(_default)).apply(this, arguments));\n\t  }\n\t\n\t  _createClass(_default, [{\n\t    key: 'render',\n\t    value: function render() {\n\t      var _props = this.props,\n\t          className = _props.className,\n\t          status = _props.status,\n\t          statusList = _props.statusList,\n\t          children = _props.children,\n\t          nodeName = _props.nodeName,\n\t          props = _objectWithoutProperties(_props, ['className', 'status', 'statusList', 'children', 'nodeName']);\n\t\n\t      return (0, _react.createElement)(nodeName, _extends({\n\t        'data-status': status,\n\t        children: this.children\n\t      }, props));\n\t    }\n\t  }, {\n\t    key: 'children',\n\t\n\t    /*===properties end===*/\n\t\n\t    /*===properties start===*/\n\t    get: function get() {\n\t      var _props2 = this.props,\n\t          status = _props2.status,\n\t          children = _props2.children,\n\t          statusList = _props2.statusList;\n\t\n\t      return children.map(function (child, index) {\n\t        return status === statusList[index] ? child : null;\n\t      });\n\t    }\n\t  }]);\n\t\n\t  return _default;\n\t}(_react.Component);\n\t\n\t_default.propTypes = {\n\t  className: _propTypes2.default.string,\n\t  statusList: _propTypes2.default.array,\n\t  status: _propTypes2.default.any,\n\t  nodeName: _propTypes2.default.any\n\t};\n\t_default.defaultProps = {\n\t  statusList: [],\n\t  nodeName: 'div'\n\t};\n\texports.default = _default;\n\n/***/ }),\n/* 2 */\n/***/ (function(module, exports) {\n\n\tmodule.exports = __WEBPACK_EXTERNAL_MODULE_2__;\n\n/***/ }),\n/* 3 */\n/***/ (function(module, exports) {\n\n\tmodule.exports = __WEBPACK_EXTERNAL_MODULE_3__;\n\n/***/ }),\n/* 4 */\n/***/ (function(module, exports) {\n\n\tmodule.exports = __WEBPACK_EXTERNAL_MODULE_4__;\n\n/***/ })\n/******/ ])\n});\n;\n\n\n// WEBPACK FOOTER //\n// react-status-manager.js"," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId])\n \t\t\treturn installedModules[moduleId].exports;\n\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\texports: {},\n \t\t\tid: moduleId,\n \t\t\tloaded: false\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.loaded = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(0);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 9a76718d6284da38994b","import ReactStatusManager from 'components/react-status-manager';\nexport default ReactStatusManager;\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.js","import { Component, createElement } from 'react';\n\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nexport default class extends Component {\n  /*===properties start===*/\n  static propTypes = {\n    className: PropTypes.string,\n    statusList: PropTypes.array,\n    status: PropTypes.any,\n    nodeName: PropTypes.any\n  };\n\n  static defaultProps = {\n    statusList: [],\n    nodeName: 'div'\n  };\n  /*===properties end===*/\n\n  get children(){\n    const { status, children, statusList } = this.props;\n    return children.map((child, index) => {\n      return status === statusList[index] ? child : null;\n    });\n  }\n\n  render() {\n    const { className, status, statusList, children, nodeName, ...props } = this.props;\n    return createElement(nodeName,{\n      'data-status': status,\n      children: this.children,\n      ...props\n    });\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/react-status-manager.js","module.exports = __WEBPACK_EXTERNAL_MODULE_2__;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"classnames\"\n// module id = 2\n// module chunks = 0","module.exports = __WEBPACK_EXTERNAL_MODULE_3__;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"prop-types\"\n// module id = 3\n// module chunks = 0","module.exports = __WEBPACK_EXTERNAL_MODULE_4__;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"react\"\n// module id = 4\n// module chunks = 0"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///react-status-manager.js","webpack:///webpack/bootstrap 1e9f25882a33641c204e","webpack:///./src/main.js","webpack:///external \"react\"","webpack:///./src/components/react-status-manager.js","webpack:///external \"classnames\"","webpack:///external \"prop-types\""],"names":["root","factory","exports","module","require","define","amd","this","__WEBPACK_EXTERNAL_MODULE_1__","__WEBPACK_EXTERNAL_MODULE_3__","__WEBPACK_EXTERNAL_MODULE_4__","modules","__webpack_require__","moduleId","installedModules","id","loaded","call","m","c","p","_interopRequireDefault","obj","__esModule","default","Object","defineProperty","value","_reactStatusManager","_reactStatusManager2","ReactStatusManager","React","_objectWithoutProperties","keys","target","i","indexOf","prototype","hasOwnProperty","_classCallCheck","instance","Constructor","TypeError","_possibleConstructorReturn","self","ReferenceError","_inherits","subClass","superClass","create","constructor","enumerable","writable","configurable","setPrototypeOf","__proto__","undefined","_extends","assign","arguments","length","source","key","_createClass","defineProperties","props","descriptor","protoProps","staticProps","_react","_propTypes","_propTypes2","_classnames","_default","_Component","getPrototypeOf","apply","_props","status","className","nodeName","statusList","children","createElement","data-status","get","_props2","map","child","index","Component","propTypes","PropTypes","string","array","any","defaultProps","Fragment"],"mappings":"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","file":"react-status-manager.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"react\"), require(\"classnames\"), require(\"prop-types\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"react\", \"classnames\", \"prop-types\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"ReactStatusManager\"] = factory(require(\"react\"), require(\"classnames\"), require(\"prop-types\"));\n\telse\n\t\troot[\"ReactStatusManager\"] = factory(root[\"react\"], root[\"classnames\"], root[\"prop-types\"]);\n})(this, function(__WEBPACK_EXTERNAL_MODULE_1__, __WEBPACK_EXTERNAL_MODULE_3__, __WEBPACK_EXTERNAL_MODULE_4__) {\nreturn \n\n\n// WEBPACK FOOTER //\n// webpack/universalModuleDefinition","(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"react\"), require(\"classnames\"), require(\"prop-types\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"react\", \"classnames\", \"prop-types\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"ReactStatusManager\"] = factory(require(\"react\"), require(\"classnames\"), require(\"prop-types\"));\n\telse\n\t\troot[\"ReactStatusManager\"] = factory(root[\"react\"], root[\"classnames\"], root[\"prop-types\"]);\n})(this, function(__WEBPACK_EXTERNAL_MODULE_1__, __WEBPACK_EXTERNAL_MODULE_3__, __WEBPACK_EXTERNAL_MODULE_4__) {\nreturn /******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"/\";\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\t'use strict';\n\t\n\tObject.defineProperty(exports, \"__esModule\", {\n\t  value: true\n\t});\n\t\n\tvar _reactStatusManager = __webpack_require__(2);\n\t\n\tvar _reactStatusManager2 = _interopRequireDefault(_reactStatusManager);\n\t\n\tfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\t\n\texports.default = _reactStatusManager2.default;\n\n/***/ }),\n/* 1 */\n/***/ (function(module, exports) {\n\n\tmodule.exports = __WEBPACK_EXTERNAL_MODULE_1__;\n\n/***/ }),\n/* 2 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\t/* WEBPACK VAR INJECTION */(function(React) {'use strict';\n\t\n\tObject.defineProperty(exports, \"__esModule\", {\n\t  value: true\n\t});\n\texports.default = undefined;\n\t\n\tvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\t\n\tvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\t\n\tvar _react = __webpack_require__(1);\n\t\n\tvar _propTypes = __webpack_require__(4);\n\t\n\tvar _propTypes2 = _interopRequireDefault(_propTypes);\n\t\n\tvar _classnames = __webpack_require__(3);\n\t\n\tvar _classnames2 = _interopRequireDefault(_classnames);\n\t\n\tfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\t\n\tfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }\n\t\n\tfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\t\n\tfunction _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self; }\n\t\n\tfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }\n\t\n\tvar _default = function (_Component) {\n\t  _inherits(_default, _Component);\n\t\n\t  function _default() {\n\t    _classCallCheck(this, _default);\n\t\n\t    return _possibleConstructorReturn(this, (_default.__proto__ || Object.getPrototypeOf(_default)).apply(this, arguments));\n\t  }\n\t\n\t  _createClass(_default, [{\n\t    key: 'render',\n\t    value: function render() {\n\t      var _props = this.props,\n\t          className = _props.className,\n\t          status = _props.status,\n\t          statusList = _props.statusList,\n\t          children = _props.children,\n\t          nodeName = _props.nodeName,\n\t          props = _objectWithoutProperties(_props, ['className', 'status', 'statusList', 'children', 'nodeName']);\n\t\n\t      return (0, _react.createElement)(nodeName, _extends({\n\t        'data-status': status,\n\t        children: this.children\n\t      }, props));\n\t    }\n\t  }, {\n\t    key: 'children',\n\t\n\t    /*===properties end===*/\n\t\n\t    /*===properties start===*/\n\t    get: function get() {\n\t      var _props2 = this.props,\n\t          status = _props2.status,\n\t          children = _props2.children,\n\t          statusList = _props2.statusList;\n\t\n\t      return children.map(function (child, index) {\n\t        return status === statusList[index] ? child : null;\n\t      });\n\t    }\n\t  }]);\n\t\n\t  return _default;\n\t}(_react.Component);\n\t\n\t_default.propTypes = {\n\t  className: _propTypes2.default.string,\n\t  statusList: _propTypes2.default.array,\n\t  status: _propTypes2.default.any,\n\t  nodeName: _propTypes2.default.any\n\t};\n\t_default.defaultProps = {\n\t  statusList: [],\n\t  nodeName: React.Fragment || 'div'\n\t};\n\texports.default = _default;\n\t/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)))\n\n/***/ }),\n/* 3 */\n/***/ (function(module, exports) {\n\n\tmodule.exports = __WEBPACK_EXTERNAL_MODULE_3__;\n\n/***/ }),\n/* 4 */\n/***/ (function(module, exports) {\n\n\tmodule.exports = __WEBPACK_EXTERNAL_MODULE_4__;\n\n/***/ })\n/******/ ])\n});\n;\n\n\n// WEBPACK FOOTER //\n// react-status-manager.js"," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId])\n \t\t\treturn installedModules[moduleId].exports;\n\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\texports: {},\n \t\t\tid: moduleId,\n \t\t\tloaded: false\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.loaded = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(0);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 1e9f25882a33641c204e","import ReactStatusManager from 'components/react-status-manager';\nexport default ReactStatusManager;\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.js","module.exports = __WEBPACK_EXTERNAL_MODULE_1__;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"react\"\n// module id = 1\n// module chunks = 0","import { Component, createElement } from 'react';\n\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nexport default class extends Component {\n  /*===properties start===*/\n  static propTypes = {\n    className: PropTypes.string,\n    statusList: PropTypes.array,\n    status: PropTypes.any,\n    nodeName: PropTypes.any\n  };\n\n  static defaultProps = {\n    statusList: [],\n    nodeName: React.Fragment || 'div'\n  };\n  /*===properties end===*/\n\n  get children(){\n    const { status, children, statusList } = this.props;\n    return children.map((child, index) => {\n      return status === statusList[index] ? child : null;\n    });\n  }\n\n  render() {\n    const { className, status, statusList, children, nodeName, ...props } = this.props;\n    return createElement(nodeName,{\n      'data-status': status,\n      children: this.children,\n      ...props\n    });\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/react-status-manager.js","module.exports = __WEBPACK_EXTERNAL_MODULE_3__;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"classnames\"\n// module id = 3\n// module chunks = 0","module.exports = __WEBPACK_EXTERNAL_MODULE_4__;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"prop-types\"\n// module id = 4\n// module chunks = 0"],"sourceRoot":""}
\ No newline at end of file
diff --git a/src/components/react-status-manager.js b/src/components/react-status-manager.js
index 99015d4..4b2cfc8 100644
--- a/src/components/react-status-manager.js
+++ b/src/components/react-status-manager.js
@@ -14,7 +14,7 @@ export default class extends Component {
 
   static defaultProps = {
     statusList: [],
-    nodeName: 'div'
+    nodeName: React.Fragment || 'div'
   };
   /*===properties end===*/