import{__assign as t}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as e,jsxs as i,Fragment as r}from"react/jsx-runtime";import{memo as o,useContext as a}from"react";import n from"classnames";import{makeStyles as l,Typography as m}from"@material-ui/core";import p from"@material-ui/icons/Timer";import c from"./RealTimeSidebarContext.js";import{ORIENTATIONS as s}from"./enums.js";var x=l((function(t){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(t.palette.background.b5),borderBottom:"1px solid ".concat(t.palette.background.b7),color:t.isLightTheme?t.palette.primary.text9:t.palette.primary.text1},"&.horizontal":{color:t.isLightTheme?t.palette.primary.text1:t.palette.primary.text6}}}}));var d=o((function(){var o=x(),l=a(c),d=l.isSidebarOpen,h=l.orientation;return e("div",t({className:n(o.cTpRtSidebarTitle,h)},{children:d||h===s.horizontal?i(r,{children:[e(p,{className:o.iconWithText}),e(m,t({variant:"body2",component:"h4",className:o.text},{children:"Real-Time Values"}))]}):e(p,{className:o.icon})}))}));export{d as default};
