"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.HubSpotForm = void 0;
const react_1 = __importDefault(require("react"));
const react_2 = require("react");
const HubSpotForm = ({ portalId, formId }) => {
    (0, react_2.useEffect)(() => {
        if (window && document) {
            const script = document.createElement('script');
            script.src = 'https://js.hsforms.net/forms/v2.js';
            document.body.appendChild(script);
            script.addEventListener('load', () => {
                if (window && window.hbspt) {
                    window.hbspt.forms.create({
                        portalId: portalId,
                        formId: formId,
                        target: '#hub-' + formId
                    });
                }
            });
        }
    }, [portalId, formId]);
    return <div id={'hub-' + formId}/>;
};
exports.HubSpotForm = HubSpotForm;
//# sourceMappingURL=HubSpotForm.jsx.map