// tmp-babel/messages/web/ChatRoom/styled.js
import { Box } from "@mui/material";
import { alpha, styled } from "@mui/material/styles";
function _typeof(o) {
  "@babel/helpers - typeof";
  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
    return typeof o2;
  } : function(o2) {
    return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
  }, _typeof(o);
}
function _defineProperty(e, r, t) {
  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e;
}
function _toPropertyKey(t) {
  var i = _toPrimitive(t, "string");
  return "symbol" == _typeof(i) ? i : i + "";
}
function _toPrimitive(t, r) {
  if ("object" != _typeof(t) || !t) return t;
  var e = t[Symbol.toPrimitive];
  if (void 0 !== e) {
    var i = e.call(t, r || "default");
    if ("object" != _typeof(i)) return i;
    throw new TypeError("@@toPrimitive must return a primitive value.");
  }
  return ("string" === r ? String : Number)(t);
}
var ChatRoomContainer = styled(Box)(function() {
  return {
    display: "grid",
    gridTemplateRows: "min-content 1fr",
    height: "100%",
    width: "100%"
  };
});
var ChatBodyContainer = styled(Box)(function(_ref) {
  var theme = _ref.theme;
  return _defineProperty({
    backgroundColor: alpha(theme.palette.grey[500], 0.12),
    borderTop: "1px ".concat(theme.palette.divider, " solid"),
    borderRadius: 0,
    borderBottomRightRadius: theme.spacing(2),
    display: "grid",
    gap: theme.spacing(2),
    gridTemplateRows: "1fr min-content",
    height: "100%",
    paddingLeft: theme.spacing(2),
    width: "100%"
  }, theme.breakpoints.down("md"), {
    borderBottomRightRadius: 0
  });
});

export {
  ChatRoomContainer,
  ChatBodyContainer
};
//# sourceMappingURL=chunk-FVQ556CN.mjs.map