"use client";

import type { ReactNode } from "react";
import {
  CONTACT_KIND_EVENT,
  type ContactKind,
  contactKindHref,
} from "./contact-subject";
import HoverPrefetchLink from "./HoverPrefetchLink";

/**
 * Botão de uma oferta da home: leva ao formulário de contato com o tipo de projeto já escolhido.
 * Na própria home o clique rola até o formulário (useCinematicScroll) sem trocar a busca do endereço, então o
 * tipo também segue por evento; o `href` com `?tipo=` cobre quem chega de outra página ou abre o link em outra aba.
 */
export default function ContactOfferLink({
  kind,
  className,
  children,
}: {
  kind: ContactKind;
  className?: string;
  children: ReactNode;
}) {
  return (
    <HoverPrefetchLink
      href={contactKindHref(kind)}
      className={className}
      onClick={() =>
        window.dispatchEvent(
          new CustomEvent<ContactKind>(CONTACT_KIND_EVENT, { detail: kind }),
        )
      }
    >
      {children}
    </HoverPrefetchLink>
  );
}