import React from 'react';
import SnippetLoader from '../SnippetLoader/index';
import type { ContactForm2Props } from './ContactForm2Loader.types';

const appPath = 'de.pinuts.cmsbs.contactform2.Widget/index';

/**
 * ContactForm2Loader is a component that loads the ContactForm2 widget.
 * It uses the SnippetLoader component to load the widget.
 *
 * @component
 * @example
 * <ContactForm2Loader
 *    appId="app-id"
 *    locale="en"
 * />
 *
 * @param {ContactForm2Props} props - The properties that define the ContactForm2 widget.
 * @param {string} props.appId - The ID of the application.
 * @param {string} props.locale - The locale for the widget.
 * @param {string} [props.restUrl] - The REST URL for the widget.
 * @param {string} [props.containerId] - The ID of the container for the widget.
 * @param {string} [props.messageLoadingFailed] - The message to display when the widget fails to load.
 * @param {string} [props.messageIsLoading] - The message to display while the widget is loading.
 *
 * @returns {JSX.Element} The div component with loader Script for the ContactForm2 widget.
 */
export const ContactForm2Loader = (props: ContactForm2Props) => {

    return (
        <SnippetLoader
            restUrl={props.restUrl}
            appPath={appPath}
            appId={props.appId}
            locale={props.locale}
            containerId={props.containerId}
            messageLoadingFailed={props.messageLoadingFailed}
            messageIsLoading={props.messageIsLoading}
        />
    );
};