export const YoutubeVideo = ({ id }) => (
  <div
    style={{
      position: 'relative',
      paddingBottom: '64.63195691202873%',
      height: 0,
    }}
  >
    <iframe
      src={`https://www.youtube.com/embed/${id}`}
      allowFullScreen
      style={{
        position: 'absolute',
        top: 0,
        left: 0,
        width: '100%',
        height: '100%',
        borderRadius: '8px',
      }}
    ></iframe>
  </div>
)