@gsretail.com/gui-core/build/esm/core/Table/GuiTableHead/styled.js

A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook

import{__makeTemplateObject as n}from"tslib";import t from"@emotion/styled";import"@mui/material/styles";import e from"../../../assets/theme/basicStyle.js";var o,r=function(r){return t(r)(o||(o=n(["\n  background-color: ",";\n  white-space: nowrap;\n\n  & .MuiTableCell-head {\n    font-size: ","px;\n    font-weight: ",";\n\n    resize: ",";\n    overflow: ",";\n\n    &::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      bottom: 0;\n      display: block;\n      width: 100%;\n      height: 1px;\n      background: ",";\n    }\n  }\n"],["\n  background-color: ",";\n  white-space: nowrap;\n\n  & .MuiTableCell-head {\n    font-size: ","px;\n    font-weight: ",";\n\n    resize: ",";\n    overflow: ",";\n\n    &::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      bottom: 0;\n      display: block;\n      width: 100%;\n      height: 1px;\n      background: ",";\n    }\n  }\n"])),(function(n){var t=n.backgroundColor;return t&&t}),e.typography.table.tableHead,(function(n){return n.theme.typography.fontWeightBold}),(function(n){return n.resize&&"horizontal"}),(function(n){return n.resize&&"auto"}),(function(n){return n.theme.palette.grey[300]}))};export{r as default};