import{jsx as t,jsxs as e,Fragment as i}from"react/jsx-runtime";import{memo as r,useContext as o}from"react";import a from"classnames";import{makeStyles as n,Typography as l}from"@material-ui/core";import m from"@material-ui/icons/Timer";import p from"./RealTimeSidebarContext.js";import{ORIENTATIONS as c}from"./enums.js";var s=n((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 x=r((function(){var r=s(),n=o(p),x=n.isSidebarOpen,h=n.orientation;return t("div",{className:a(r.cTpRtSidebarTitle,h),children:x||h===c.horizontal?e(i,{children:[t(m,{className:r.iconWithText}),t(l,{variant:"body2",component:"h4",className:r.text,children:"Real-Time Values"})]}):t(m,{className:r.icon})})}));export{x as default};
