toast.ts

import Toastify from 'https://cdn.jsdelivr.net/npm/toastify-js';
import css from 'https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css';

const injectStylesheet = (id: string) => {
  if (document.getElementById(id)) return;
  let style = document.createElement('style');
  style.innerHTML = css;
  style.id = id;
  document.head.appendChild(style);
};

export default (message: string, id: string = 'bookmarklet-toast') => {
  injectStylesheet(id);

  Toastify({
    text: message,
    duration: 3000,
    close: false,
    position: "center",
    style: {
      color: 'black',
      background: 'white',
      cursor: 'unset',
      'box-shadow': '0 3px 6px -1px #0000001f,0 10px 36px -4px #0000004d',
    },
  }).showToast();
};