import{makeStyles as e}from"@material-ui/core";import t from"classnames";import{getUnitDisplay as a}from"../../../../utils/index.js";import{jsxs as i,jsx as l}from"react/jsx-runtime";var d=e((function(e){return{header:{display:"flex",width:"100%",position:"sticky",top:0,background:e.palette.background.b5,zIndex:2},headCell:{display:"flex",alignItems:"center",height:"50px",padding:"8px 0px 8px 8px",borderTop:"1px solid ".concat(e.palette.background.b8),borderBottom:"1px solid ".concat(e.palette.background.b8),background:e.palette.background.b5,color:e.palette.primary.text7,fontSize:"12px"},componentCell:{width:"calc(40px + (100% - 120px) / 5)"},ratioWidth:{width:"calc((100% - 120px) / 5)"},actionCell:{justifyContent:"flex-end",width:"80px",minWidth:"80px",paddingRight:"8px"}}}));function r(){var e=d();return i("div",{className:e.header,children:[l("div",{className:t(e.headCell,e.componentCell),children:"Component"}),i("div",{className:t(e.headCell,e.ratioWidth),children:["OD (",a("shortLength"),")"]}),i("div",{className:t(e.headCell,e.ratioWidth),children:["ID (",a("shortLength"),")"]}),i("div",{className:t(e.headCell,e.ratioWidth),children:["Linear Weight (",a("massPerLength"),")"]}),i("div",{className:t(e.headCell,e.ratioWidth),children:["Length (",a("length"),")"]}),l("div",{className:t(e.headCell,e.actionCell),children:"Action"})]})}export{r as default};
//# sourceMappingURL=Header.js.map
