Hotkey Listener

import { HotkeyListener } from "@/components/ui/hotkey-listener";

export default function Example() {
  return <HotkeyListener />;
}

"use client";

import { useEffect } from "react";

function HotkeyListener({ hotkeys = {} }) {
  useEffect(() => {
    const handler = (e) => {
      const parts = [];
      if (e.ctrlKey || e.metaKey) parts.push("ctrl");
      if (e.shiftKey) parts.push("shift");
      if (e.altKey) parts.push("alt");
      parts.push(e.key.toLowerCase());
      const combo = parts.join("+");
      if (hotkeys[combo]) { e.preventDefault(); hotkeys[combo](e); }
    };
    window.addEventListener("keydown", handler);
    return () => window.removeEventListener("keydown", handler);
  }, [hotkeys]);
  return null;
}

export { HotkeyListener };