"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),r=require("react/jsx-runtime"),t=require("classnames"),a=require("@material-ui/core"),n=require("../../../constants/appPackages.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(e),s=o(t),d=a.makeStyles((function(e){return{versionContainer:{marginRight:15,display:"flex",position:"relative",height:"20px",alignItems:"center",background:e.palette.background.b6,color:e.palette.primary.text1,"&::after":{content:"''",borderTop:"20px solid ".concat(e.palette.background.b6),borderLeft:"5px solid ".concat(e.palette.background.b6),borderRight:"5px solid transparent",position:"absolute",right:"-10px",top:0,paddingLeft:"5px"}},versionContainerBeta:{background:"#ee4b69","&::after":{borderTop:"20px solid #ee4b69",borderLeft:"5px solid #ee4b69"}},versionContainerDev:{background:"#4b8cee","&::after":{borderTop:"20px solid #4b8cee",borderLeft:"5px solid #4b8cee"}},versionText:{zIndex:1,fontSize:"12px",fontStyle:"italic",margin:0,padding:"1px 0 0 5px"}}}));exports.VersionBadge=function(e){var t,a=e.appPackage,o=d();if(!a)return null;var l=a.label,p=a.version,c=a.package_code_version;return l===n.PACKAGE_LABELS.PROD?null:r.jsx("div",{className:s.default(o.versionContainer,(t={},i.default(t,o.versionContainerBeta,l===n.PACKAGE_LABELS.BETA),i.default(t,o.versionContainerDev,l===n.PACKAGE_LABELS.DEV),t)),children:r.jsx("p",{"data-testid":"DC_versionBadge",className:o.versionText,children:l?n.TEXT_FOR_PACKAGE_LABELS[l]:"v".concat(c||p)})})};
//# sourceMappingURL=VersionBadge.js.map
