import { useEffect, useRef } from 'react';

export default function TrustindexWidget() {
  const host = useRef<HTMLDivElement>(null);
  useEffect(() => {
    const container = host.current;
    if (!container) return;
    const script = document.createElement('script');
    script.src = 'https://cdn.trustindex.io/loader.js?834d36983b080817d4461e11de1';
    script.async = true;
    script.defer = true;
    container.appendChild(script);
    return () => {
      script.onerror = null;
      container.replaceChildren();
    };
  }, []);

  return <div ref={host} />;
}
