import React , { FunctionComponent } from "react" ; import Frame from "coral-framework/components/Frame" ; interface Props { id ? : string ; url : string ; siteID : string ; } const ExternalMedia = ( { id , url , siteID } ) => { const component = encodeURIComponent ( url ) ; return ( < Frame id = { id } src = { `/api/external-media?url=${ component }&siteID=${ siteID }` } sandbox />); } ; export default ExternalMedia ;