text: import React from 'react';
  import ReactDOM from 'react-dom';
  import CommentDetail from './CommentDetail';
  import ApprovalCard from './ApprovalCard';
  import faker from 'faker';
  
  const App = () => {
      return (
          <div className="ui container comments">
              <ApprovalCard>
                  <CommentDetail
                      author="Sam"
                      timeAgo="Today at 5:00PM"
                      profileImage={faker.image.avatar()}
                      commentBody="Comment 1"
                  />
              </ApprovalCard>
              <ApprovalCard>
                  <CommentDetail
                      author="Alex"
                      timeAgo="Yesterday at 4:56PM"
                      profileImage={faker.image.avatar()}
                      commentBody="Comment 2"
                  />
              </ApprovalCard>
              <ApprovalCard>
                  <CommentDetail
                      author="Jane"
                      timeAgo="Yesterday at 10:00AM"
                      profileImage={faker.image.avatar()}
                      commentBody="Comment 3"
                  />
              </ApprovalCard>
          </div>
      )
  };
  
  ReactDOM.render(<App />, document.querySelector('#root'));