"use client";

import { FiShare2 } from "react-icons/fi";
import { trackEvent } from "@/lib/analytics";

export function ShareButton({ title }: { title: string }) {
  async function share() {
    trackEvent("share_release", { title });

    if (navigator.share) {
      await navigator.share({ title, url: window.location.href });
      return;
    }

    await navigator.clipboard.writeText(window.location.href);
    window.alert("Link copiado.");
  }

  return (
    <button type="button" className="ghost-button" onClick={share}>
      <FiShare2 />
      Compartilhar
    </button>
  );
}