import { createSignal } from "solid-js";

export function Pip() {
  const [pulsing, setPulsing] = createSignal(false);

  function pulse() {
    setPulsing(true);
    setTimeout(() => setPulsing(false), 400);
  }

  (window as any).__peachPipPulse = pulse;

  return <span class={`pip ${pulsing() ? "pulse" : ""}`} />;
}