/* global React */
const MESSENGER_URL = 'https://m.me/pimpristudio';

function Messenger() {
  const t = window.useT().chat;
  return (
    <a
      href={MESSENGER_URL}
      target="_blank"
      rel="noopener noreferrer"
      className="messenger-fab"
      aria-label={t.buttonLabel}
    >
      <svg width="28" height="28" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
        <path d="M12 2C6.36 2 2 6.13 2 11.7c0 2.91 1.19 5.44 3.14 7.17.16.14.26.34.27.55l.05 1.78c.02.57.6.94 1.12.71l1.99-.88c.16-.07.34-.08.5-.04 1.09.3 2.25.46 3.43.46 5.64 0 10-4.13 10-9.7C22 6.13 17.64 2 12 2zm6 7.46l-2.93 4.65c-.47.74-1.47.93-2.18.4l-2.34-1.75c-.21-.16-.51-.16-.72 0l-3.16 2.4c-.42.32-.98-.18-.7-.62l2.93-4.65c.47-.74 1.47-.93 2.18-.4l2.34 1.75c.21.16.51.16.72 0l3.16-2.4c.42-.32.98.18.7.62z"/>
      </svg>
      <span className="messenger-fab-label">{t.buttonLabel}</span>
    </a>
  );
}

window.Messenger = Messenger;