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


export const ChatLayout = (props) => {
    return (
        <ChatLayoutContainer>
            {props.children}

      <ChatContent maxHeight="xl" spacing={2} justifyContent={"center"} item xs={12} md={10}>
            {props.content}
        </ChatContent>       
        </ChatLayoutContainer>
    )
}

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


  export default ChatLayout;