Rocket.Chat/apps/meteor/client/components/Sidebar/Content.tsx

import { Box } from '@rocket.chat/fuselage';
import type { FC } from 'react';
import React from 'react';

import ScrollableContentWrapper from '../ScrollableContentWrapper';

const Content: FC = ({ children, ...props }) => (
	<Box display='flex' flexDirection='column' flexGrow={1} flexShrink={1} overflow='hidden'>
		<ScrollableContentWrapper {...props}>
			<Box display='flex' flexDirection='column' w='full' h='full'>
				{children}
			</Box>
		</ScrollableContentWrapper>
	</Box>
);

export default Content;