"use client";

import { useOpenWindow } from "./WindowProvider";
import type { WindowRequest } from "./types";

interface OpenWindowLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
  href: string;
  request: WindowRequest;
}

/**
 * Ein normaler Link (funktioniert ohne JavaScript), der mit JavaScript stattdessen
 * ein Fenster bzw. Sheet öffnet.
 */
export default function OpenWindowLink({ request, onClick, ...props }: OpenWindowLinkProps) {
  const openWindow = useOpenWindow();
  return (
    <a
      {...props}
      aria-haspopup={openWindow ? "dialog" : undefined}
      onClick={(e) => {
        onClick?.(e);
        if (!openWindow || e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey) return;
        e.preventDefault();
        openWindow(request, e.currentTarget);
      }}
    />
  );
}