synapse-react-client/dist/components/styled/StyledTableContainer.js

[](https://badge.fury.io/js/synapse-react-client) [](https://github.com/prettier/prettie

import { styled as e, Box as a } from "@mui/material";
const p = e(a, {
  shouldForwardProp: (o) => o !== "density" && o !== "noStripedRows"
})(
  ({ theme: o, density: t = "default", noStripedRows: r = !1 }) => ({
    overflow: "auto",
    paddingLeft: "2px",
    "thead > tr": {
      backgroundColor: o.palette.grey[200]
    },
    th: {
      height: "38px",
      backgroundColor: o.palette.grey[200],
      borderRight: "1px solid",
      borderColor: o.palette.grey[400]
    },
    "th:first-of-type": {
      paddingLeft: "10px"
    },
    "td:first-of-type": {
      paddingLeft: "10px"
    },
    "tr:nth-of-type(2n)": r ? void 0 : {
      backgroundColor: o.palette.grey[100]
    },
    tr: {
      backgroundColor: o.palette.background.default
    },
    "tr:nth-of-type(even)": r ? void 0 : {
      backgroundColor: o.palette.grey[100]
    },
    "th,td": {
      position: "relative",
      paddingLeft: o.spacing(t === "compact" ? 0 : 1),
      paddingRight: o.spacing(t === "compact" ? 0 : 1)
    },
    td: {
      paddingTop: o.spacing(t === "compact" ? 0 : 1),
      paddingBottom: o.spacing(t === "compact" ? 0 : 1),
      textOverflow: "ellipsis",
      overflow: "hidden"
    },
    ".resizer": {
      position: "absolute",
      right: 0,
      top: 0,
      height: "100%",
      width: "3px",
      padding: 0,
      background: "rgba(0,0,0,0.25)",
      cursor: "col-resize",
      userSelect: "none",
      touchAction: "none"
    },
    ".resizer.isResizing": {
      background: o.palette.primary.main,
      opacity: 1
    },
    "@media (hover: hover)": {
      ".resizer": {
        opacity: 0
      },
      "*:hover > .resizer": {
        opacity: 0.75
      }
    },
    ".MuiButton-root": {
      whiteSpace: "nowrap"
    }
  })
);
export {
  p as StyledTableContainer
};
//# sourceMappingURL=StyledTableContainer.js.map