import React from 'react';

import { Overlay, IframeYoutube } from '../../styles/components/shared/ModalVideo.style';

interface Props {
  youtubeID: string;
  onClose: () => void;
}

const ModalVideo: React.FC<Props> = ({ youtubeID, onClose }) => (
  <div>
    <Overlay onClick={onClose}>
      <i className="fas fa-times" />
    </Overlay>
    <IframeYoutube
      id="ytplayer"
      src={`https://www.youtube.com/embed/${youtubeID}`}
      frameBorder="0" />
  </div>
);

export default ModalVideo;