Youtube in React: wiring video metadata component up with Watch

VideoMetadata.js

import React from 'react';
import {Button, Divider, Icon} from "semantic-ui-react";
import './VideoMetadata.scss';

export function VideoMetadata(props) {
  /* Todo */
  return (<div/>);
}

Watch.js

import React from 'react';
import './Watch.scss';
import {RelatedVideos} from '../../components/RelatedVideos/RelatedVideos';
import {Video} from '../../components/Video/Video';
import {VideoMetadata} from '../../components/VideoMetadata/VideoMetadata';

export class Watch extends React.Component {
  render() {
    return (
      <div className='watch-grid'>
        <Video className='video' id='-7fuHEEmEjs'/>
        <VideoMetadata className='metadata' viewCount={1000}/>
        <div className='video-info-box' style={{width: '100%', height: '100px', background: '#BD10E0'}}>Video Info box</div>
        <div className='comments' style={{width: '100%', height: '100px', background: '#9013FE'}}>comments</div>
        <RelatedVideos className='related-videos'/>
      </div>
    );
  }
}