New photo information tooltip

Co-authored-by: Alex Sparkes <turbomarshmello@gmail.com>

src/components/widgets/PhotoInformation.jsx

@@ -0,0 +1,33 @@
+import React from 'react';
+import Info from '@material-ui/icons/Info';
+import Location from '@material-ui/icons/LocationOn';
+import Camera from '@material-ui/icons/PhotoCamera';
+import Resolution from '@material-ui/icons/Crop';
+import Photographer from '@material-ui/icons/Person';
+
+export default class PhotoInformation extends React.PureComponent {
+  render() {
+    return (
+      <div className='photoInformation'>
+        <h1 id='photographer'>Photo By</h1>
+        <Info className='photoInformationHover' />
+        <div className='infoCard'>
+          <Info className='infoIcon' /><h1>Information</h1>
+          <hr/>
+          <Location />
+          <span id='location'></span>
+          <Camera />
+          <span id='camera'>Gaming</span>
+          <Resolution />
+          <span id='resolution'>1280x720</span>
+          <Photographer />
+          <span id='photographerCard'></span>
+        </div>
+        <div id='backgroundCredits' className='tooltip'>
+          <span className='tooltiptext' id='location'/>
+        </div>
+        <span id='credit' style={{'display': 'none'}}></span>
+      </div>
+    );
+  }
+}