text: (window.webpackJsonp=window.webpackJsonp||[]).push([[20],{1123:function(e,t,a){"use strict";a.r(t);var n=a(227),c=a(228),o=a(231),s=a(229),l=a(232),i=a(230),r=a(3),u=a.n(r),p=a(960),m=a(889),f=a(890),d=a(924),b=a(925),v=a(935),h=a(959),g=a(900),E=a(884),N=a.n(E),y=function(e){function t(e){var a;return Object(n.a)(this,t),(a=Object(o.a)(this,Object(s.a)(t).call(this,e))).toggle=a.toggle.bind(Object(l.a)(a)),a.state={activeTab:new Array(4).fill("1")},a}return Object(i.a)(t,e),Object(c.a)(t,[{key:"lorem",value:function(){return"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit."}},{key:"toggle",value:function(e,t){var a=this.state.activeTab.slice();a[e]=t,this.setState({activeTab:a})}},{key:"tabPane",value:function(){return u.a.createElement(u.a.Fragment,null,u.a.createElement(p.a,{tabId:"1"},"1. ".concat(this.lorem())),u.a.createElement(p.a,{tabId:"2"},"2. ".concat(this.lorem())),u.a.createElement(p.a,{tabId:"3"},"3. ".concat(this.lorem())))}},{key:"render",value:function(){var e=this;return u.a.createElement("div",{className:"animated fadeIn"},u.a.createElement(m.a,null,u.a.createElement(f.a,{xs:"12",md:"6",className:"mb-4"},u.a.createElement(d.a,{tabs:!0},u.a.createElement(b.a,null,u.a.createElement(v.a,{active:"1"===this.state.activeTab[0],onClick:function(){e.toggle(0,"1")}},"Home")),u.a.createElement(b.a,null,u.a.createElement(v.a,{active:"2"===this.state.activeTab[0],onClick:function(){e.toggle(0,"2")}},"Profile")),u.a.createElement(b.a,null,u.a.createElement(v.a,{active:"3"===this.state.activeTab[0],onClick:function(){e.toggle(0,"3")}},"Messages"))),u.a.createElement(h.a,{activeTab:this.state.activeTab[0]},this.tabPane())),u.a.createElement(f.a,{xs:"12",md:"6",className:"mb-4"},u.a.createElement(d.a,{tabs:!0},u.a.createElement(b.a,null,u.a.createElement(v.a,{active:"1"===this.state.activeTab[1],onClick:function(){e.toggle(1,"1")}},u.a.createElement("i",{className:"icon-calculator"}))),u.a.createElement(b.a,null,u.a.createElement(v.a,{active:"2"===this.state.activeTab[1],onClick:function(){e.toggle(1,"2")}},u.a.createElement("i",{className:"icon-basket-loaded"}))),u.a.createElement(b.a,null,u.a.createElement(v.a,{active:"3"===this.state.activeTab[1],onClick:function(){e.toggle(1,"3")}},u.a.createElement("i",{className:"icon-pie-chart"})))),u.a.createElement(h.a,{activeTab:this.state.activeTab[1]},this.tabPane())),u.a.createElement(f.a,{xs:"12",md:"6",className:"mb-4"},u.a.createElement(d.a,{tabs:!0},u.a.createElement(b.a,null,u.a.createElement(v.a,{active:"1"===this.state.activeTab[2],onClick:function(){e.toggle(2,"1")}},u.a.createElement("i",{className:"icon-calculator"})," ",u.a.createElement("span",{className:"1"===this.state.activeTab[2]?"":"d-none"}," Calculator"))),u.a.createElement(b.a,null,u.a.createElement(v.a,{active:"2"===this.state.activeTab[2],onClick:function(){e.toggle(2,"2")}},u.a.createElement("i",{className:"icon-basket-loaded"})," ",u.a.createElement("span",{className:"2"===this.state.activeTab[2]?"":"d-none"}," Shopping cart"))),u.a.createElement(b.a,null,u.a.createElement(v.a,{className:N()({active:"3"===this.state.activeTab[2]}),onClick:function(){e.toggle(2,"3")}},u.a.createElement("i",{className:"icon-pie-chart"})," ",u.a.createElement("span",{className:"3"===this.state.activeTab[2]?"":"d-none"}," Charts")))),u.a.createElement(h.a,{activeTab:this.state.activeTab[2]},this.tabPane())),u.a.createElement(f.a,{xs:"12",md:"6",className:"mb-4"},u.a.createElement(d.a,{tabs:!0},u.a.createElement(b.a,null,u.a.createElement(v.a,{active:"1"===this.state.activeTab[3],onClick:function(){e.toggle(3,"1")}},u.a.createElement("i",{className:"icon-calculator"}),u.a.createElement("span",{className:"1"===this.state.activeTab[3]?"":"d-none"}," Calc"),"\xa0",u.a.createElement(g.a,{color:"success"},"New"))),u.a.createElement(b.a,null,u.a.createElement(v.a,{active:"2"===this.state.activeTab[3],onClick:function(){e.toggle(3,"2")}},u.a.createElement("i",{className:"icon-basket-loaded"}),u.a.createElement("span",{className:"2"===this.state.activeTab[3]?"":"d-none"}," Cart"),"\xa0",u.a.createElement(g.a,{pill:!0,color:"danger"},"29"))),u.a.createElement(b.a,null,u.a.createElement(v.a,{active:"3"===this.state.activeTab[3],onClick:function(){e.toggle(3,"3")}},u.a.createElement("i",{className:"icon-pie-chart"}),u.a.createElement("span",{className:"3"===this.state.activeTab[3]?"":"d-none"}," Charts")))),u.a.createElement(h.a,{activeTab:this.state.activeTab[3]},this.tabPane()))))}}]),t}(r.Component);t.default=y},886:function(e,t){e.exports=function(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}},889:function(e,t,a){"use strict";var n=a(35),c=a(100),o=a(3),s=a.n(o),l=a(112),i=a.n(l),r=a(884),u=a.n(r),p=a(885),m={tag:p.p,noGutters:i.a.bool,className:i.a.string,cssModule:i.a.object,form:i.a.bool},f=function(e){var t=e.className,a=e.cssModule,o=e.noGutters,l=e.tag,i=e.form,r=Object(c.a)(e,["className","cssModule","noGutters","tag","form"]),m=Object(p.l)(u()(t,o?"no-gutters":null,i?"form-row":"row"),a);return s.a.createElement(l,Object(n.a)({},r,{className:m}))};f.propTypes=m,f.defaultProps={tag:"div"},t.a=f},890:function(e,t,a){"use strict";var n=a(35),c=a(100),o=a(886),s=a.n(o),l=a(3),i=a.n(l),r=a(112),u=a.n(r),p=a(884),m=a.n(p),f=a(885),d=u.a.oneOfType([u.a.number,u.a.string]),b=u.a.oneOfType([u.a.bool,u.a.number,u.a.string,u.a.shape({size:u.a.oneOfType([u.a.bool,u.a.number,u.a.string]),order:d,offset:d})]),v={tag:f.p,xs:b,sm:b,md:b,lg:b,xl:b,className:u.a.string,cssModule:u.a.object,widths:u.a.array},h={tag:"div",widths:["xs","sm","md","lg","xl"]},g=function(e,t,a){return!0===a||""===a?e?"col":"col-"+t:"auto"===a?e?"col-auto":"col-"+t+"-auto":e?"col-"+a:"col-"+t+"-"+a},E=function(e){var t=e.className,a=e.cssModule,o=e.widths,l=e.tag,r=Object(c.a)(e,["className","cssModule","widths","tag"]),u=[];o.forEach(function(t,n){var c=e[t];if(delete r[t],c||""===c){var o=!n;if(s()(c)){var l,i=o?"-":"-"+t+"-",p=g(o,t,c.size);u.push(Object(f.l)(m()(((l={})[p]=c.size||""===c.size,l["order"+i+c.order]=c.order||0===c.order,l["offset"+i+c.offset]=c.offset||0===c.offset,l)),a))}else{var d=g(o,t,c);u.push(d)}}}),u.length||u.push("col");var p=Object(f.l)(m()(t,u),a);return i.a.createElement(l,Object(n.a)({},r,{className:p}))};E.propTypes=v,E.defaultProps=h,t.a=E},900:function(e,t,a){"use strict";var n=a(35),c=a(100),o=a(3),s=a.n(o),l=a(112),i=a.n(l),r=a(884),u=a.n(r),p=a(885),m={color:i.a.string,pill:i.a.bool,tag:p.p,innerRef:i.a.oneOfType([i.a.object,i.a.func,i.a.string]),children:i.a.node,className:i.a.string,cssModule:i.a.object},f=function(e){var t=e.className,a=e.cssModule,o=e.color,l=e.innerRef,i=e.pill,r=e.tag,m=Object(c.a)(e,["className","cssModule","color","innerRef","pill","tag"]),f=Object(p.l)(u()(t,"badge","badge-"+o,!!i&&"badge-pill"),a);return m.href&&"span"===r&&(r="a"),s.a.createElement(r,Object(n.a)({},m,{className:f,ref:l}))};f.propTypes=m,f.defaultProps={color:"secondary",pill:!1,tag:"span"},t.a=f},904:function(e,t,a){"use strict";function n(){var e=this.constructor.getDerivedStateFromProps(this.props,this.state);null!==e&&void 0!==e&&this.setState(e)}function c(e){this.setState(function(t){var a=this.constructor.getDerivedStateFromProps(e,t);return null!==a&&void 0!==a?a:null}.bind(this))}function o(e,t){try{var a=this.props,n=this.state;this.props=e,this.state=t,this.__reactInternalSnapshotFlag=!0,this.__reactInternalSnapshot=this.getSnapshotBeforeUpdate(a,n)}finally{this.props=a,this.state=n}}function s(e){var t=e.prototype;if(!t||!t.isReactComponent)throw new Error("Can only polyfill class components");if("function"!==typeof e.getDerivedStateFromProps&&"function"!==typeof t.getSnapshotBeforeUpdate)return e;var a=null,s=null,l=null;if("function"===typeof t.componentWillMount?a="componentWillMount":"function"===typeof t.UNSAFE_componentWillMount&&(a="UNSAFE_componentWillMount"),"function"===typeof t.componentWillReceiveProps?s="componentWillReceiveProps":"function"===typeof t.UNSAFE_componentWillReceiveProps&&(s="UNSAFE_componentWillReceiveProps"),"function"===typeof t.componentWillUpdate?l="componentWillUpdate":"function"===typeof t.UNSAFE_componentWillUpdate&&(l="UNSAFE_componentWillUpdate"),null!==a||null!==s||null!==l){var i=e.displayName||e.name,r="function"===typeof e.getDerivedStateFromProps?"getDerivedStateFromProps()":"getSnapshotBeforeUpdate()";throw Error("Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n"+i+" uses "+r+" but also contains the following legacy lifecycles:"+(null!==a?"\n  "+a:"")+(null!==s?"\n  "+s:"")+(null!==l?"\n  "+l:"")+"\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://fb.me/react-async-component-lifecycle-hooks")}if("function"===typeof e.getDerivedStateFromProps&&(t.componentWillMount=n,t.componentWillReceiveProps=c),"function"===typeof t.getSnapshotBeforeUpdate){if("function"!==typeof t.componentDidUpdate)throw new Error("Cannot polyfill getSnapshotBeforeUpdate() for components that do not define componentDidUpdate() on the prototype");t.componentWillUpdate=o;var u=t.componentDidUpdate;t.componentDidUpdate=function(e,t,a){var n=this.__reactInternalSnapshotFlag?this.__reactInternalSnapshot:a;u.call(this,e,t,n)}}return e}a.r(t),a.d(t,"polyfill",function(){return s}),n.__suppressDeprecationWarning=!0,c.__suppressDeprecationWarning=!0,o.__suppressDeprecationWarning=!0},905:function(e,t,a){"use strict";a.d(t,"a",function(){return c});var n=a(3),c=a.n(n).a.createContext({})},924:function(e,t,a){"use strict";var n=a(35),c=a(100),o=a(3),s=a.n(o),l=a(112),i=a.n(l),r=a(884),u=a.n(r),p=a(885),m={tabs:i.a.bool,pills:i.a.bool,vertical:i.a.oneOfType([i.a.bool,i.a.string]),horizontal:i.a.string,justified:i.a.bool,fill:i.a.bool,navbar:i.a.bool,card:i.a.bool,tag:p.p,className:i.a.string,cssModule:i.a.object},f=function(e){var t=e.className,a=e.cssModule,o=e.tabs,l=e.pills,i=e.vertical,r=e.horizontal,m=e.justified,f=e.fill,d=e.navbar,b=e.card,v=e.tag,h=Object(c.a)(e,["className","cssModule","tabs","pills","vertical","horizontal","justified","fill","navbar","card","tag"]),g=Object(p.l)(u()(t,d?"navbar-nav":"nav",!!r&&"justify-content-"+r,function(e){return!1!==e&&(!0===e||"xs"===e?"flex-column":"flex-"+e+"-column")}(i),{"nav-tabs":o,"card-header-tabs":b&&o,"nav-pills":l,"card-header-pills":b&&l,"nav-justified":m,"nav-fill":f}),a);return s.a.createElement(v,Object(n.a)({},h,{className:g}))};f.propTypes=m,f.defaultProps={tag:"ul",vertical:!1},t.a=f},925:function(e,t,a){"use strict";var n=a(35),c=a(100),o=a(3),s=a.n(o),l=a(112),i=a.n(l),r=a(884),u=a.n(r),p=a(885),m={tag:p.p,active:i.a.bool,className:i.a.string,cssModule:i.a.object},f=function(e){var t=e.className,a=e.cssModule,o=e.active,l=e.tag,i=Object(c.a)(e,["className","cssModule","active","tag"]),r=Object(p.l)(u()(t,"nav-item",!!o&&"active"),a);return s.a.createElement(l,Object(n.a)({},i,{className:r}))};f.propTypes=m,f.defaultProps={tag:"li"},t.a=f},935:function(e,t,a){"use strict";var n=a(35),c=a(100),o=a(887),s=a(63),l=a(3),i=a.n(l),r=a(112),u=a.n(r),p=a(884),m=a.n(p),f=a(885),d={tag:f.p,innerRef:u.a.oneOfType([u.a.object,u.a.func,u.a.string]),disabled:u.a.bool,active:u.a.bool,className:u.a.string,cssModule:u.a.object,onClick:u.a.func,href:u.a.any},b=function(e){function t(t){var a;return(a=e.call(this,t)||this).onClick=a.onClick.bind(Object(o.a)(a)),a}Object(s.a)(t,e);var a=t.prototype;return a.onClick=function(e){this.props.disabled?e.preventDefault():("#"===this.props.href&&e.preventDefault(),this.props.onClick&&this.props.onClick(e))},a.render=function(){var e=this.props,t=e.className,a=e.cssModule,o=e.active,s=e.tag,l=e.innerRef,r=Object(c.a)(e,["className","cssModule","active","tag","innerRef"]),u=Object(f.l)(m()(t,"nav-link",{disabled:r.disabled,active:o}),a);return i.a.createElement(s,Object(n.a)({},r,{ref:l,onClick:this.onClick,className:u}))},t}(i.a.Component);b.propTypes=d,b.defaultProps={tag:"a"},t.a=b},959:function(e,t,a){"use strict";var n=a(35),c=a(63),o=a(3),s=a.n(o),l=a(904),i=a(112),r=a.n(i),u=a(884),p=a.n(u),m=a(905),f=a(885),d={tag:f.p,activeTab:r.a.any,className:r.a.string,cssModule:r.a.object},b=function(e){function t(t){var a;return(a=e.call(this,t)||this).state={activeTab:a.props.activeTab},a}return Object(c.a)(t,e),t.getDerivedStateFromProps=function(e,t){return t.activeTab!==e.activeTab?{activeTab:e.activeTab}:null},t.prototype.render=function(){var e=this.props,t=e.className,a=e.cssModule,c=e.tag,o=Object(f.m)(this.props,Object.keys(d)),l=Object(f.l)(p()("tab-content",t),a);return s.a.createElement(m.a.Provider,{value:{activeTabId:this.state.activeTab}},s.a.createElement(c,Object(n.a)({},o,{className:l})))},t}(o.Component);Object(l.polyfill)(b),t.a=b,b.propTypes=d,b.defaultProps={tag:"div"}},960:function(e,t,a){"use strict";a.d(t,"a",function(){return d});var n=a(35),c=a(100),o=a(3),s=a.n(o),l=a(112),i=a.n(l),r=a(884),u=a.n(r),p=a(905),m=a(885),f={tag:m.p,className:i.a.string,cssModule:i.a.object,tabId:i.a.any};function d(e){var t=e.className,a=e.cssModule,o=e.tabId,l=e.tag,i=Object(c.a)(e,["className","cssModule","tabId","tag"]),r=function(e){return Object(m.l)(u()("tab-pane",t,{active:o===e}),a)};return s.a.createElement(p.a.Consumer,null,function(e){var t=e.activeTabId;return s.a.createElement(l,Object(n.a)({},i,{className:r(t)}))})}d.propTypes=f,d.defaultProps={tag:"div"}}}]);
  //# sourceMappingURL=20.59393444.chunk.js.map