"use strict";var e=require("react/jsx-runtime"),t=require("react"),i=require("classnames"),r=require("@material-ui/core"),a=require("@material-ui/icons/Timer"),n=require("./RealTimeSidebarContext.js"),o=require("./enums.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=l(i),c=l(a),p=r.makeStyles((function(e){return{iconWithText:{fontSize:20,lineHeight:"20px",marginRight:8},text:{fontSize:14,lineHeight:"16px",fontWeight:500,letterSpacing:1,textTransform:"uppercase"},icon:{fontSize:20,lineHeight:"20px"},cTpRtSidebarTitle:{display:"flex",flexDirection:"row",alignItems:"center",height:"50px",justifyContent:"normal",paddingLeft:"16px",zIndex:1,position:"absolute","&.vertical":{width:"100%",boxShadow:"16px 16px 16px ".concat(e.palette.background.b5),borderBottom:"1px solid ".concat(e.palette.background.b7),color:e.isLightTheme?e.palette.primary.text9:e.palette.primary.text1},"&.horizontal":{color:e.isLightTheme?e.palette.primary.text1:e.palette.primary.text6}}}}));var u=t.memo((function(){var i=p(),a=t.useContext(n),l=a.isSidebarOpen,u=a.orientation;return e.jsx("div",{className:s.default(i.cTpRtSidebarTitle,u),children:l||u===o.ORIENTATIONS.horizontal?e.jsxs(e.Fragment,{children:[e.jsx(c.default,{className:i.iconWithText}),e.jsx(r.Typography,{variant:"body2",component:"h4",className:i.text,children:"Real-Time Values"})]}):e.jsx(c.default,{className:i.icon})})}));module.exports=u;
