2017-11-07 23:54:42 +00:00
|
|
|
const html = require('choo/html');
|
2018-02-13 19:32:59 +00:00
|
|
|
const assets = require('../../../common/assets');
|
2017-11-07 23:54:42 +00:00
|
|
|
|
|
|
|
module.exports = function(state, emit) {
|
2018-01-19 23:07:05 +00:00
|
|
|
function clicked() {
|
|
|
|
emit('experiment', { cd3: 'promo' });
|
2017-11-07 23:54:42 +00:00
|
|
|
}
|
2018-02-13 19:32:59 +00:00
|
|
|
let classes = 'fxPromo';
|
2018-01-31 19:46:29 +00:00
|
|
|
switch (state.promo) {
|
|
|
|
case 'blue':
|
2018-02-13 19:32:59 +00:00
|
|
|
classes = 'fxPromo fxPromo--blue';
|
2018-01-31 19:46:29 +00:00
|
|
|
break;
|
|
|
|
case 'pink':
|
2018-02-13 19:32:59 +00:00
|
|
|
classes = 'fxPromo fxPromo--pink';
|
2018-01-31 19:46:29 +00:00
|
|
|
break;
|
|
|
|
}
|
2017-12-05 22:06:40 +00:00
|
|
|
|
2017-11-07 23:54:42 +00:00
|
|
|
return html`
|
2017-12-05 22:06:40 +00:00
|
|
|
<div class="${classes}">
|
2017-11-07 23:54:42 +00:00
|
|
|
<div>
|
|
|
|
<img
|
|
|
|
src="${assets.get('firefox_logo-only.svg')}"
|
2018-02-13 19:32:59 +00:00
|
|
|
class="fxPromo__logo"
|
2017-11-07 23:54:42 +00:00
|
|
|
alt="Firefox"/>
|
|
|
|
<span>Send is brought to you by the all-new Firefox.
|
|
|
|
<a
|
|
|
|
class="link"
|
|
|
|
href="https://www.mozilla.org/firefox/new/?utm_campaign=send-acquisition&utm_medium=referral&utm_source=send.firefox.com"
|
|
|
|
onclick=${clicked}
|
|
|
|
>Download Firefox now ≫</a></span>
|
|
|
|
</div>
|
|
|
|
</div>`;
|
|
|
|
};
|