creba-template/template/src/Alert.js

The base template for Create Reblend App.

import Reblend, { useRef } from 'reblendjs';

function Alert({ show, children }) {
  const ref = useRef();

  window.onmousemove = function onmousemove(e) {
    if (ref.current) {
      ref.current.style.position = 'fixed';
      ref.current.style.top = e.offsetY + 'px';
      ref.current.style.left = e.offsetX + 'px';
    }
  };

  return (
    <>
      <h1
        ref={ref}
        style={`position: fixed; top: 2px; left: 0; width: 100%; background: azure; display: ${
          show ? 'block' : 'none'
        }`}
      >
        {children}
      </h1>
    </>
  );
}

export default Alert;