import { useEffect } from "react";

export default function WhopCheckout() {
  useEffect(() => {
    const script = document.createElement("script");
    script.src = "https://whop.com/js/embed.js";
    script.async = true;
    document.body.appendChild(script);
    return () => script.remove();
  }, []);

  return (
    <div
      className="whop-embed"
      data-url="https://whop.com/checkout/plan_JoYxAWKKRMNv7?d2c=true."
      data-theme="dark"
    />
  );
}