import { memo, useRef } from "react"

const EmbeddedIframeScene = ({ src }) => {

    const iframeRef = useRef(null)

    return (
        <iframe
            ref={iframeRef}
            src={src}
            width="100%"
            height="100%"
            {{!-- TODO: SI NO ESTA COMENTADO SE ROMPE --}}
            {{!-- style={{ border: "none", height: '100vh' }} --}}
            allow={`
          accelerometer; 
          autoplay; 
          camera; 
          encrypted-media; 
          fullscreen; 
          gyroscope; 
          magnetometer; 
          microphone; 
          vr; 
          xr-spatial-tracking
        `}
            onError={(error) => alert(JSON.stringify(error))}
        />
    )
}
export default memo(EmbeddedIframeScene)