import React from 'react';
import { useEffect } from 'react';
export const HubSpotForm = ({ portalId, formId }) => {
    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}/>;
};
//# sourceMappingURL=HubSpotForm.jsx.map