import{jsx as t,jsxs as e,Fragment as i}from"react/jsx-runtime";import{memo as r,useContext as a}from"react";import o from"classnames";import{makeStyles as n,Typography as l}from"@material-ui/core";import{StopwatchIcon as m}from"../../icons/iconParkIcons.js";import p from"./RealTimeSidebarContext.js";import{ORIENTATIONS as c}from"./enums.js";var s=n((function(t){return{iconWithText:{fontSize:24,lineHeight:"24px",marginRight:8,fill:t.palette.primary.contrastText},text:{fontSize:16,lineHeight:"22px",fontWeight:400},icon:{fontSize:24,lineHeight:"24px",fill:t.palette.primary.text6,marginLeft:4},cTpRtSidebarTitle:{display:"flex",flexDirection:"row",alignItems:"center",height:"50px",justifyContent:"normal",paddingLeft:"8px",zIndex:1,position:"absolute","&.vertical":{width:"100%",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}}}})),x=r((function(r){var n=r.className,x=s(),f=a(p),h=f.isSidebarOpen,d=f.orientation;return t("div",{className:o(x.cTpRtSidebarTitle,d,n),children:h||d===c.horizontal?e(i,{children:[t(m,{className:x.iconWithText}),t(l,{variant:"body2",component:"h4",className:x.text,children:"Real-Time Values"})]}):t(m,{className:x.icon})})}));export{x as default};
//# sourceMappingURL=SidebarTitle.js.map
