+
+
+
+
+)
+
+export const ActionButton = styled(Button)`
+ font-size: 18px;
+`
diff --git a/src/components/VideoOverlay/index.js b/src/components/VideoOverlay/index.js
index 24f93e6..af13c36 100644
--- a/src/components/VideoOverlay/index.js
+++ b/src/components/VideoOverlay/index.js
@@ -1,28 +1,54 @@
import { Fragment, h } from 'preact'
import { bool, string } from 'prop-types'
+import styled from 'styled-components'
import Logo from '../Logo'
import { H2, P } from '../Text'
import { InfoButton, OverlayWrapper, TopLeft } from './styles'
-const VideoOverlay = ({ active, title, org, setInfoActive, onClick }) => (
+const StyledP = styled(P)`
+ &:first-of-type {
+ border-top-left-radius: 5px;
+ border-top-right-radius: 5px;
+ }
+
+ &:last-of-type {
+ border-bottom-left-radius: 5px;
+ border-bottom-right-radius: 5px;
+ }
+`
+
+const renderTitles = titles =>
+ titles.split('\\n').map(title => (
+