// tmp-babel/messages/web/ChatRoom/ChatRoomHeader/styled.js
import { Box } from "@mui/material";
import { 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 ChatHeaderContainer = styled(Box)(function(_ref) {
  var theme = _ref.theme;
  return _defineProperty({
    alignItems: "center",
    borderRadius: 0,
    display: "grid",
    gap: 0,
    gridTemplateColumns: "min-content 1fr",
    height: "56px",
    padding: "0 ".concat(theme.spacing(2)),
    width: "100%"
  }, theme.breakpoints.down("md"), {
    borderTop: "1px ".concat(theme.palette.divider, " solid")
  });
});
var ChatTitleContainer = styled(Box)(function(_ref3) {
  var theme = _ref3.theme, isClickable = _ref3.isClickable;
  return {
    alignItems: "center",
    display: "grid",
    gap: theme.spacing(1.5),
    gridTemplateColumns: "min-content 1fr min-content",
    height: "56px",
    padding: 0,
    width: "100%",
    cursor: isClickable ? "pointer" : "auto"
  };
});
var BackButtonContainer = styled(Box)(function(_ref4) {
  var theme = _ref4.theme;
  return {
    paddingRight: theme.spacing(2)
  };
});

export {
  ChatHeaderContainer,
  ChatTitleContainer,
  BackButtonContainer
};
//# sourceMappingURL=chunk-RHVNC3GK.mjs.map