40 lines
1.2 KiB
JavaScript
40 lines
1.2 KiB
JavaScript
const html = require('choo/html');
|
|
const Component = require('choo/component');
|
|
const assets = require('../../common/assets');
|
|
|
|
class Promo extends Component {
|
|
constructor(name, state) {
|
|
super(name);
|
|
this.state = state;
|
|
}
|
|
|
|
update() {
|
|
return false;
|
|
}
|
|
|
|
createElement() {
|
|
return html`
|
|
<send-promo
|
|
class="w-full flex-row items-center content-center justify-center bg-white text-grey-darkest px-4 py-3 flex border-b-default border-grey-banner leading-normal"
|
|
>
|
|
<div class="flex items-center mx-auto">
|
|
<img
|
|
src="${assets.get('master-logo.svg')}"
|
|
class="w-6 h-6"
|
|
alt="Firefox"
|
|
/>
|
|
<span class="ml-3 md:ml-4 text-xs sm:text-base">
|
|
${this.state.translate('trailheadPromo')}${' '}
|
|
<a
|
|
class="underline text-blue-dark"
|
|
href="http://www.mozilla.org/firefox/accounts/?utm_source=send.firefox.com&utm_medium=banner&utm_campaign=trailhead&utm_content=protect-your-privacy"
|
|
>${this.state.translate('learnMore')}</a
|
|
>
|
|
</span>
|
|
</div>
|
|
</send-promo>
|
|
`;
|
|
}
|
|
}
|
|
|
|
module.exports = Promo;
|