// tmp-babel/comments/web/CommentItem/styled.js
import { Box } from "@mui/material";
import { styled } from "@mui/material/styles";
var CommentContainerWrapper = styled(Box)(function(_ref) {
  var theme = _ref.theme, currentThreadDepth = _ref.currentThreadDepth;
  var currentThreadDepthHigherThanOne = currentThreadDepth > 1;
  var marginLeft = currentThreadDepthHigherThanOne ? 3 * (currentThreadDepth - 1) - 3 : 0;
  return {
    borderLeft: currentThreadDepthHigherThanOne ? "1px solid ".concat(theme.palette.divider) : "none",
    paddingLeft: currentThreadDepthHigherThanOne ? theme.spacing(3) : 0,
    marginLeft: theme.spacing(marginLeft),
    paddingTop: theme.spacing(1)
  };
});
var CommentContainer = styled(Box)(function(_ref2) {
  var theme = _ref2.theme;
  return {
    alignItems: "self-start",
    backgroundColor: theme.palette.common.white,
    borderRadius: theme.spacing(1),
    display: "grid",
    gap: theme.spacing(1.5),
    gridTemplateColumns: "min-content 1fr",
    minWidth: 334,
    padding: theme.spacing(1, 1.5),
    position: "relative",
    width: "100%",
    "&:hover, &:focus-within": {
      backgroundColor: theme.palette.action.hover,
      transition: "background-color 0.25s ease"
    }
  };
});

export {
  CommentContainerWrapper,
  CommentContainer
};
//# sourceMappingURL=chunk-UJT55NAY.mjs.map