feat: added video component

src/components/Video.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+import styles from './Video.module.scss';
+
+const Video = ({ youtubeId }) => (
+  <div className={styles.Video}>
+    <iframe
+      src={`//www.youtube.com/embed/${youtubeId}`}
+      allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
+      frameBorder="0"
+      allowFullScreen
+    />
+  </div>
+);
+
+Video.propTypes = {
+  // NOTE: we should expand this allow for other video sources in the future
+  youtubeId: PropTypes.string.isRequired,
+};
+
+export default Video;

src/components/Video.module.scss

@@ -0,0 +1,9 @@
+.Video {
+  max-width: 560px;
+  margin: 1rem 0;
+
+  iframe {
+    width: 100%;
+    height: 315px;
+  }
+}