"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("@material-ui/core/styles"),a=require("../../constants.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(t),s=i.makeStyles((function(e){return{offline:{marginLeft:4,position:"relative",top:-4},livePulsed:{marginLeft:8,position:"relative",transform:"translateX(-50%) translateY(-50%)",width:8,height:8,"&:before":{content:'""',position:"relative",display:"block",width:"150%",height:"150%",boxSizing:"border-box",marginTop:"-2px",marginLeft:"-2px",borderRadius:"45px",backgroundColor:e.palette.success.bright,animation:"$pulseRing 3.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite"},"&:after":{content:'""',position:"absolute",left:0,top:0,display:"block",width:"100%",height:"100%",backgroundColor:e.palette.success.bright,borderRadius:"15px",boxShadow:"0 0 8px rgba(0,0,0,.3)",animation:"$pulseDot 3.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite"}},"@keyframes pulseRing":{"0%":{opacity:0,transform:"scale(.55)"},"50%":{opacity:.5},"100%":{opacity:0}},"@keyframes pulseDot":{"0%":{transform:"scale(.6)",opacity:.5},"50%":{transform:"scale(.7)",opacity:1},"100%":{transform:"scale(.6)",opacity:.5}}}})),n=o.default.memo((function(t){var i=t.state,r=s();return i===a.LiveButtonState.Default?null:i===a.LiveButtonState.Live?e.jsx("div",{className:r.livePulsed,"aria-label":"Live indicator"}):e.jsxs("svg",{className:r.offline,fill:"none",height:"8",viewBox:"0 0 8 8",width:"8",xmlns:"http://www.w3.org/2000/svg","aria-label":"Idle indicator",children:[e.jsx("circle",{opacity:"0.4",cx:"4",cy:"4",r:"4",fill:"#616161"}),e.jsx("circle",{cx:"4",cy:"4",r:"2",fill:"#616161"})]})}));exports.LiveButtonStateIndicator=n;
//# sourceMappingURL=index.js.map
