import React from 'react';
import { InfoBar } from '../infoBar/infoBar.jsx';

export interface Props {
  text: string;
  url: string;
}

const VideoLink = (props) => {
  const { text, url } = props;

  return (
    <>
      <InfoBar>
        {text}
        <a href={url} target="_blank" rel="noreferrer">&nbsp;Watch here
          <span className="c-video-link__arrow">
            <i className="icon-flat-arrow-right" />
          </span>
        </a>
      </InfoBar>
    </>
  );
};

export default VideoLink;