{"size": 1496, "ext": "js", "max_stars_repo_path": "client/src/components/ChatWidget/ChatWidget.js", "max_stars_repo_name": "bebrucato/soundcheck", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "client/src/components/ChatWidget/ChatWidget.js", "max_issues_repo_name": "bebrucato/soundcheck", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "client/src/components/ChatWidget/ChatWidget.js", "max_forks_repo_name": "bebrucato/soundcheck", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 26.2456140351, "max_line_length": 98, "alphanum_fraction": 0.5768716578}
import React from 'react';
import { Widget } from 'react-chat-widget'; 
import 'react-chat-widget/lib/styles.css';



function ChatWidget() {
    const handleNewUserMessage = (newMessage) => {
        console.log(`New message incoming! ${newMessage}`);
        // Now send the message throught the backend API
      };
     
      return (
        <div className="App">
          <Widget
            handleNewUserMessage={handleNewUserMessage}
            // profileAvatar={logo}
          title="My new awesome title"
          subtitle="And my cool subtitle"
          />
        </div>
      );
    }
  export default ChatWidget;

//   import React from 'react';
// import { Widget, addResponseMessage, addLinkSnippet, addUserMessage } from 'react-chat-widget';
 
// import 'react-chat-widget/lib/styles.css';
 
// import logo from './logo.svg';
 
// function ChatWidge() {
//   useEffect(() => {
//     addResponseMessage('Welcome to this awesome chat!');
//   }, []);
 
//   const handleNewUserMessage = (newMessage) => {
//     console.log(`New message incoming! ${newMessage}`);
//     // Now send the message throught the backend API
//   };
 
//   render() {
//     return (
//       <div className="App">
//         <Widget
//           handleNewUserMessage={handleNewUserMessage}
//           profileAvatar={logo}
//           title="My new awesome title"
//           subtitle="And my cool subtitle"
//         />
//       </div>
//     );
//   } 
// }
 
// export default ChatWidget;