import e from"moment";import{makeStyles as o}from"@material-ui/core";import{jsxs as l,jsx as t}from"react/jsx-runtime";var a=o({popup:{color:"#fff",fontFamily:"Roboto"},wellColor:{width:"9px",height:"9px",borderRadius:"50%",display:"inline-block",marginRight:"8px"},wellNameWrapper:{marginBottom:"8px"},wellName:{fontFamily:"Roboto",fontStyle:"normal",fontWeight:"normal",fontSize:"11px",lineHeight:"16px",letterSpacing:"0.4px",color:"#FFFFFF"},popupInfo:{fontFamily:"Roboto",fontStyle:"normal",fontWeight:"normal",fontSize:"11px",lineHeight:"16px",letterSpacing:"0.4px",color:"#BDBDBD"},popupFormation:{fontFamily:"Roboto",fontStyle:"normal",fontWeight:"normal",fontSize:"12px",lineHeight:"17px",letterSpacing:"0.4px",color:"#BDBDBD"}}),i=function(){return function(o){var i=o.well,r=o.color,n=a();return l("div",{className:n.popup,children:[t("div",{className:n.wellNameWrapper,children:t("span",{className:n.wellName,children:i.name})}),l("div",{className:n.popupInfo,children:["Well Depth:",Number.isFinite(i.rigReleaseDate)?"".concat(Math.floor(i.totalDepth)," ft"):"N/A"]}),l("div",{className:n.popupInfo,children:["Release Date:",Number.isFinite(i.rigReleaseDate)?e.unix(i.rigReleaseDate).format("MM/DD/YYYY"):"N/A"]}),l("div",{className:n.popupFormation,children:[t("div",{className:n.wellColor,style:{backgroundColor:r}}),i.formation]})]})}};export{i as default};
