text: (this["webpackJsonpmicrofrontends-demo-container"]=this["webpackJsonpmicrofrontends-demo-container"]||[]).push([[0],{35:function(n,e,t){},61:function(n,e,t){"use strict";t.r(e);var o,r,c,a,i,d,b,s,j,l,p,x,u,O,h,g,f,m,v=t(2),w=t.n(v),y=t(24),k=t.n(y),S=t(25),z=(t(62),t(35),t(12)),L=t(29),I=t.n(L),B=(t(36),t(30),t(9)),P=t(19),R=t(4),U=t(5),A=t(3),E=U.a.button(o||(o=Object(R.a)(["\n  background-color: #a4d22a;\n  border: none;\n  border-radius: 8px;\n  color: white;\n  cursor: pointer;\n  font-size: 16px;\n  font-weight: bold;\n  outline: none;\n  padding: 16px;\n  text-transform: uppercase;\n\n  :disabled {\n    background-color: #ccc;\n  }\n"]))),C=Object(U.a)(E)(r||(r=Object(R.a)(["\n  background-color: transparent;\n  color: #aaa;\n"]))),D=Object(U.a)(E)(c||(c=Object(R.a)(["\n  box-shadow: 0px 5px 5px #888;\n"]))),F=function(n){var e=n.type,t=n.children,o=Object(P.a)(n,["type","children"]);switch(e){case"transparent":return Object(A.jsx)(C,Object(B.a)(Object(B.a)({},o),{},{children:t}));case"shadow":return Object(A.jsx)(D,Object(B.a)(Object(B.a)({},o),{},{children:t}));case"google-sign-in":return Object(A.jsx)(E,Object(B.a)(Object(B.a)({},o),{},{children:"Sign in with Google"}));default:return Object(A.jsx)(E,Object(B.a)(Object(B.a)({},o),{},{children:t}))}},J=U.a.hr(a||(a=Object(R.a)(["\n  border-top: 1px solid #eee;\n  margin: 0 16px;\n"]))),M=U.a.div(i||(i=Object(R.a)(["\n  background-color: #ee7777;\n  border-radius: 8px;\n  color: #fff;\n  padding: 16px;\n  text-align: center;\n  width: 100%;\n"]))),Q=U.a.h1(d||(d=Object(R.a)(["\n  font-weight: bold;\n  margin-top: 0px;\n  padding-top: 16px;\n  text-align: center;\n"]))),Z=U.a.h3(b||(b=Object(R.a)(["\n  font-weight: bold;\n  margin-top: 0px;\n  margin-bottom: 0px;\n  padding: 16px 0;\n  border-bottom: 1px solid #eee;\n"]))),_=(Object(U.a)(F)(s||(s=Object(R.a)(["\n  bottom: 32px;\n  box-shadow: 0px 10px 10px #888;\n  left: 50%;\n  margin-left: -100px;\n  position: fixed;\n"]))),U.a.div(j||(j=Object(R.a)(["\n  background-color: #eee;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  overflow: auto;\n"]))),U.a.div(l||(l=Object(R.a)(["\n  background-color: #fff;\n  box-sizing: border-box;\n  margin: 0 auto;\n  max-width: 800px;\n  min-height: 100vh;\n  padding: 16px;\n"]))),U.a.input(p||(p=Object(R.a)(["\n  border: 2px solid #ddd;\n  border-radius: 8px;\n  box-sizing: border-box;\n  font-size: 16px;\n  font-weight: bold;\n  outline: none;\n  padding: 16px;\n\n  ::placeholder {\n    color: #ddd;\n  }\n"])))),q=function(n){var e=Object.assign({},n);return Object(A.jsx)(_,Object(B.a)({type:"text"},e))},G=U.a.div(x||(x=Object(R.a)(["\n  background-color: #eee;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  overflow: auto;\n"]))),K=U.a.div(u||(u=Object(R.a)(["\n  background-color: #fff;\n  box-sizing: border-box;\n  margin: 0 auto;\n  max-width: 90%;\n  min-height: 100vh;\n  padding: 16px;\n"]))),N=function(n){var e=n.children;return Object(A.jsx)(G,{children:Object(A.jsx)(K,{children:e})})},T=U.a.div(O||(O=Object(R.a)(["\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n  padding-top: 10px;\n  height: 70vh;\n"]))),V=U.a.iframe(h||(h=Object(R.a)(["\n  background-color: #eee;\n  position: relative;\n  top: 2%;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n  border: none;\n"]))),H=Object(U.a)(Z)(g||(g=Object(R.a)(["\n  text-align: center;\n  padding: 5px 0;\n"]))),W=function(n){var e=n.id,t=n.src,o=n.type,r=n.onLoad;return Object(A.jsxs)(T,{children:[Object(A.jsx)(H,{children:o}),Object(A.jsx)(V,{id:e,src:t,onLoad:r})]})},X=U.a.div(f||(f=Object(R.a)(["\n  display: flex;\n  justify-content: center;\n"]))),Y=U.a.div(m||(m=Object(R.a)(["\n  align-content: center;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  padding: 16px;\n"]))),$=function(){var n=Object(v.useState)(""),e=Object(z.a)(n,2),t=e[0],o=e[1],r=Object(v.useState)(""),c=Object(z.a)(r,2),a=c[0],i=c[1],d=Object(v.useState)(null),b=Object(z.a)(d,2),s=b[0],j=b[1],l=Object(v.useState)(!1),p=Object(z.a)(l,2),x=(p[0],p[1]),u=Object(v.useState)(!1),O=Object(z.a)(u,2),h=(O[0],O[1]);return Object(A.jsxs)(N,{children:[Object(A.jsx)(Q,{children:"Micro-Frontends Demo"}),Object(A.jsxs)(Y,{children:[Object(A.jsx)(q,{placeholder:"Lesson Presentation URL",style:{flex:5,marginRight:"8px"},value:t,onChange:function(n){return o(n.target.value)}}),Object(A.jsx)(F,{onClick:function(){var n=t.includes("localhost")?{require_tld:!1}:{};I()(t,n)?(x(!0),h(!0),i(t),j(null)):j("Please input correct lesson presentation URL")},style:{flex:2},children:"Load Presentation"})]}),s?Object(A.jsx)(M,{children:s}):null,Object(A.jsx)(J,{}),a?Object(A.jsxs)(X,{children:[Object(A.jsx)(W,{id:"teacheriframe",src:a,type:"Teacher",onLoad:function(){return x(!1)}}),Object(A.jsx)(W,{id:"studentiframe",src:a,type:"Student",onLoad:function(){return h(!1)}})]}):Object(A.jsx)(X,{children:Object(A.jsx)(Z,{children:"Please input lesson presentation URL"})})]})};S.a.initializeApp({apiKey:"AIzaSyBFumNuinkzsQtVtbg2ZEZbgUIQo_Bv7AE",authDomain:"microfrontends-1bd03.firebaseapp.com",projectId:"microfrontends-1bd03",storageBucket:"microfrontends-1bd03.appspot.com",messagingSenderId:"205696778254",appId:"1:205696778254:web:628bfcc791e02b9e01bc5f"}),k.a.render(Object(A.jsx)(w.a.StrictMode,{children:Object(A.jsx)($,{})}),document.getElementById("root"))}},[[61,1,2]]]);
  //# sourceMappingURL=main.05350148.chunk.js.map