trampa-frontend/src/layouts/ChatLayout/ChatLayout.js

import React from 'react';
import PropTypes from 'prop-types';
import { ChatContent, ChatLayoutContainer } from './ChatLayout.styled';
import { Grid } from '@mui/material';


export const ChatLayout = (props) => {
    return (
        <ChatLayoutContainer>
            {props.children}
      <Grid container maxHeight="xl" spacing={2}>
  
      <ChatContent item xs={12} lg={9} xl={9.6} md={8} >
          {props.content}
        </ChatContent>       
      </Grid>
        </ChatLayoutContainer>
    )
}

ChatLayout.propTypes = {
    children: PropTypes.node,
    content: PropTypes.node,
  };


  export default ChatLayout;