Roadmap to becoming a developer in 2022
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

28 lines
945 B

import React from 'react';
import { BannerWrap, CloseSponsor, EmojiWrap, SponsorLogo } from './style';
export function SponsorBanner({ onCloseBanner = () => null }){
return (
<div className='row'>
<div className='col p-0'>
<BannerWrap
href={`https://try.digitalocean.com/developer-cloud/?utm_source=roadmapsh&utm_medium=partnerships`}
target='_blank'
className='alert alert-info'
>
<SponsorLogo src='/sponsors/do.svg' />
Sponsored by DigitalOcean
<EmojiWrap src={'/sponsors/heart-eyes.svg'} />
<span className='d-none d-sm-inline-block'>Try them out with this 100$ credit!</span>
<CloseSponsor
onClick={(e) => {
e.preventDefault();
onCloseBanner();
}}
className='close'>&times;</CloseSponsor>
</BannerWrap>
</div>
</div>
);
}