snapshot of https://github.com/RocketChat/Rocket.Chat.git (develop, 2026-09-16; blobs > 131072B omitted)

apps/meteor/client/views/root/MainLayout/MainContent.tsx

@@ -0,0 +1,41 @@
+import { css } from '@rocket.chat/css-in-js';
+import { Box } from '@rocket.chat/fuselage';
+import type { AllHTMLAttributes } from 'react';
+
+const MainContent = ({ className, ...props }: Omit<AllHTMLAttributes<HTMLDivElement>, 'is'>) => {
+	const customCSS = css`
+		@media print {
+			overflow: visible !important; /* 1 */
+			height: auto !important; /* 1 */
+			max-height: none !important; /* 1 */
+			flex-shrink: 0 !important; /* 1 */
+		}
+
+		@media (width <= 767px) {
+			transition:
+				right 0.25s cubic-bezier(0.5, 0, 0.1, 1),
+				transform 0.1s linear;
+			will-change: transform;
+		}
+	`;
+
+	return (
+		<Box
+			is='main'
+			id='main-content'
+			className={[customCSS, className]}
+			position='relative'
+			zIndex={0}
+			display='flex'
+			flexDirection='column'
+			flexGrow={1}
+			flexShrink={1}
+			flexBasis='100%'
+			width='1vw'
+			height='100%'
+			{...props}
+		/>
+	);
+};
+
+export default MainContent;