// @flow
import React from 'react'

import { DownloadButton, YoutubeVideoWrapper, VideoWrapper } from './Wrappers'
import { DefaultButton } from 'components/Buttons/Default'

type Props = {
  videoSrc: string,
  brochureLink: string
}

const OverviewVideo = ({ videoSrc, brochureLink }: Props) => (
  <VideoWrapper>
    <YoutubeVideoWrapper videoSrc={videoSrc} />
    <DownloadButton target="_blank" href={brochureLink}>
      <DefaultButton backgroundColor="dodger-blue-font">
        download expose
      </DefaultButton>
    </DownloadButton>
  </VideoWrapper>
)

export default OverviewVideo
