(this.webpackJsonpradios=this.webpackJsonpradios||[]).push([[0],{22:function(e,a,t){e.exports=t(52)},27:function(e,a,t){},32:function(e,a,t){},49:function(e,a,t){},50:function(e,a,t){},52:function(e,a,t){"use strict";t.r(a);var n=t(0),l=t.n(n),c=t(17),r=t.n(c),i=t(5),s=(t(27),t(3));t(32);var m=function(){return l.a.createElement("div",{className:"header"},l.a.createElement(s.a,{icon:"chevron-left"}),l.a.createElement("h1",null,"Stations"),l.a.createElement(s.a,{icon:"power-off"}))},o=t(18),u=t.n(o),d=(t(49),function(e){var a=e.name,t=e.image,n=e.frequency,c=e.handleClick,r=e.playing;return l.a.createElement("ul",{className:"radio__list"},l.a.createElement("li",{className:"radio__list__item",id:a,onClick:c},a===r?l.a.createElement("div",{className:"radio__list__item-active"},l.a.createElement(s.a,{icon:"minus"}),l.a.createElement("div",{className:"radio__list__item-img"},l.a.createElement("img",{src:t,alt:"name"})),l.a.createElement(s.a,{icon:"plus"})):l.a.createElement("h1",null,l.a.createElement("span",{id:a},a)," ",l.a.createElement("span",null,n))))}),E=function(e){var a=e.handleClick,t=e.playing,c=Object(n.useState)([]),r=Object(i.a)(c,2),s=r[0],m=r[1];return Object(n.useEffect)((function(){u.a.get("https://teclead.de/recruiting/radios").then((function(e){var a=e.data;return m(a.radios)}))}),[]),l.a.createElement("ul",null,s.map((function(e){return l.a.createElement(d,Object.assign({},e,{handleClick:a,playing:t}))})))};t(50);var f=function(e){var a=e.playing;return l.a.createElement("div",{className:"footer"},a?l.a.createElement("div",{className:"footer__isplaying"},l.a.createElement("span",null,"Currently playing")," ",l.a.createElement("span",null," ",a," ")):"")},p=function(){var e=Object(n.useState)(""),a=Object(i.a)(e,2),t=a[0],c=a[1];return l.a.createElement("div",{className:"radio"},l.a.createElement(m,null),l.a.createElement(E,{handleClick:function(e){c(e.target.id)},playing:t}),l.a.createElement(f,{playing:t}))},g=t(4),v=t(19),_=t(20),h=t(21);g.b.add(v.a,_.a,h.a);t(51);r.a.render(l.a.createElement(l.a.StrictMode,null,l.a.createElement(p,null)),document.getElementById("root"))}},[[22,1,2]]]);
//# sourceMappingURL=main.3aa4b0e5.chunk.js.map