pdf-reader-web/components/Embed/index.tsx

import React from 'react';

import Portal from '../Portal';

import { Wrapper, Bg, CloseImg } from './styled';

const EmbedComp = () => {
  const handleClose = () => {
    const wrapper = document.getElementById('embed-wrapper') as HTMLElement;
    const embeds = document.getElementsByTagName('embed');
    if (embeds[0]) {
      wrapper.style.display = 'none';
      wrapper.removeChild(embeds[0]);
    }
  };

  return (
    <Portal>
      <Wrapper id="embed-wrapper">
        <Bg />
        <CloseImg src="/icons/button_close.svg" onClick={handleClose} />
      </Wrapper>
    </Portal>
  );
};

export default EmbedComp;