(window.webpackJsonp=window.webpackJsonp||[]).push([[31],{1736:function(e,a,t){"use strict";t.r(a),t.d(a,"default",function(){return u});t(8);var n=t(94),i=t.n(n),s=t(16),r=t.n(s),l=t(5),c=t.n(l),o=t(20);class u extends c.a.Component{constructor(...e){var a,t,n;super(...e),n=(e,a)=>{a.preventDefault(),this.props.updateTab(e.name),i()(a.target).closest(".settings-modal").addClass("display--content")},(t="handleClick")in(a=this)?Object.defineProperty(a,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):a[t]=n}componentDidMount(){o.e()&&i()(".settings-modal .settings-table .nav").addClass("position--top")}render(){const e=this.props.tabs.map(e=>{const a="".concat(e.name,"_li");let t="";return this.props.activeTab===e.name&&(t="active"),c.a.createElement("li",{id:"".concat(e.name,"Li"),key:a,className:t},c.a.createElement("button",{id:"".concat(e.name,"Button"),className:"cursor--pointer style--none",onClick:this.handleClick.bind(null,e),"aria-label":e.uiName.toLowerCase()},c.a.createElement("i",{className:e.icon,title:e.iconTitle}),e.uiName))});return c.a.createElement("div",null,c.a.createElement("ul",{id:"tabList",className:"nav nav-pills nav-stacked"},e))}}u.propTypes={tabs:r.a.arrayOf(r.a.shape({name:r.a.string.isRequired,uiName:r.a.string.isRequired,icon:r.a.string.isRequired})).isRequired,activeTab:r.a.string,updateTab:r.a.func.isRequired}}}]);
//# sourceMappingURL=31.65d674288172bf23448d.js.map