VideoMetadata with Rating

VideoMetadata.js

return (
    <div className='video-metadata'>
      <h3>Video title</h3>
      <div className='video-stats'>
        <span>{viewCount} views</span>
        <div className='video-actions' >
          <Rating likeCount={1000} dislikeCount={100} />
          <Button basic icon labelPosition='left'>
            <Icon name='share'/>
            Share
          </Button>
          <Button basic icon>
            <Icon name='add circle' />
          </Button>
          <Button basic icon>
            <Icon name='ellipsis horizontal' />
          </Button>
        </div>
      </div>
      <Divider/>
    </div>
  );

VideoMetadata.scss

.video-metadata {
  /*
  ...
  Insert the -video-stats class below
  */
  .video-stats {
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;

        .video-actions {
            display: flex;
            align-items: center;
            & > *:not(:last-child) {
                margin-right: 8px;
            }
        }
    }
}