const html = require('choo/html');
const assets = require('../../common/assets');

module.exports = function() {
  return html`
    <div class="w-full flex-none flex flex-row items-center content-center justify-center text-sm bg-grey-light text-grey-darkest h-12 px-4">
      <div class="flex items-center mx-auto">
        <img
          src="${assets.get('firefox_logo-only.svg')}"
          class="w-6"
          alt="Firefox"/>
        <span class="ml-3">Send is brought to you by the all-new Firefox.
        <a
          class="text-blue"
          href="https://www.mozilla.org/firefox/new/?utm_campaign=send-acquisition&utm_medium=referral&utm_source=send.firefox.com">Download Firefox now ≫</a>
        </span>
      </div>
    </div>`;
};