"use client";
import { useEffect } from "react";

declare global {
  interface Window {
    FB: any;
  }
}

export default function MessengerMessageUs() {
  useEffect(() => {
    if (document.getElementById("fb-sdk")) {
      window.FB?.XFBML?.parse();
      return;
    }

    const script = document.createElement("script");
    script.id = "fb-sdk";
    script.src =
      "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v19.0&appId=894340943016697";
    script.async = true;

    script.onload = () => {
      window.FB?.XFBML?.parse();
    };

    document.body.appendChild(script);
  }, []);

  return (
    <div
      className="fb-messengermessageus"
      data-messenger_app_id="894340943016697"
      data-page_id="536883119819464"
      data-ref="Landing"
      data-color="blue"
      data-size="large"
    />
  );
}