(this.webpackJsonpstreamlit_component_template=this.webpackJsonpstreamlit_component_template||[]).push([[0],{66:function(e,t,n){e.exports=n(76)},76:function(e,t,n){"use strict";n.r(t);var a=n(2),r=n.n(a),o=n(57),l=n.n(o),i=n(3),s=n(4),c=n(11),m=n(9),u=n(5),p=n(6),g=n(37),f=n(101),h=n(99),d=n(102),x=n(98),y=n(103),b=n(62),E=function(e){Object(u.a)(n,e);var t=Object(p.a)(n);function n(){var e;Object(i.a)(this,n);for(var a=arguments.length,o=new Array(a),l=0;l<a;l++)o[l]=arguments[l];return(e=t.call.apply(t,[this].concat(o))).state={name:""},e.modes=e.props.args.modes,e.height=e.props.args.height,e.title=e.props.args.title,e.logo=e.props.args.logo,e.bgColor=e.props.args.bgColor,e.txtColor=e.props.args.txtColor,e.default=""!==e.props.args.default?e.props.args.default:e.modes[0].name,e.render=function(){return r.a.createElement(f.a,{sx:{height:e.height}},r.a.createElement(h.a,{sx:{bgcolor:e.bgColor,padding:1}},r.a.createElement(d.a,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between"}},e.renderLogo(e.title,e.logo),r.a.createElement(f.a,null,e.modes.map((function(t){return e.renderButton(t)}))))))},e}return Object(s.a)(n,[{key:"componentDidMount",value:function(){var e=this;Object(c.a)(Object(m.a)(n.prototype),"componentDidMount",this).call(this),this.setState((function(t,n){return{name:e.default}}),(function(){return g.a.setComponentValue(e.state.name)})),g.a.setFrameHeight(this.height)}},{key:"handleClick",value:function(e){var t=this;this.setState((function(t,n){return{name:e.name}}),(function(){return g.a.setComponentValue(t.state.name)}))}},{key:"renderButton",value:function(e){var t=this,n=b[e.icon];return r.a.createElement(x.a,{sx:{color:this.txtColor},onClick:function(){return t.handleClick(e)}},r.a.createElement(f.a,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"}},r.a.createElement(n,{sx:{color:this.txtColor}}),r.a.createElement(y.a,{color:this.txtColor,sx:{marginLeft:1,fontSize:16,fontFamily:"Arial"}},e.name)))}},{key:"renderLogo",value:function(e,t){return""!==t?r.a.createElement(f.a,{sx:{display:"flex",alignItems:"center"}},r.a.createElement("img",{src:t,alt:e,height:.5*this.height}),r.a.createElement(y.a,{sx:{marginLeft:2,display:{xs:"none",md:"flex"},fontFamily:"Arial",fontWeight:700,letterSpacing:".3rem",color:"#000000",textDecoration:"none",fontSize:30}},e)):""===e?r.a.createElement(f.a,{sx:{display:"flex",alignItems:"center"}},r.a.createElement(y.a,{sx:{marginLeft:2,display:{xs:"none",md:"flex"},fontFamily:"Arial",fontWeight:700,letterSpacing:".3rem",color:"#000000",textDecoration:"none",fontSize:30}},e)):void 0}}]),n}(g.b),C=Object(g.c)(E);l.a.render(r.a.createElement(r.a.StrictMode,null,r.a.createElement(C,null)),document.getElementById("root"))}},[[66,1,2]]]);
//# sourceMappingURL=main.f5fad66e.chunk.js.map