1  import { Viewer, Worker } from '@react-pdf-viewer/core';
 2  import { defaultLayoutPlugin } from '@react-pdf-viewer/default-layout';
 3  
 4  import '@react-pdf-viewer/core/lib/styles/index.css';
 5  import '@react-pdf-viewer/default-layout/lib/styles/index.css';
 6  
 7  import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 8  
 9  const NativeIOPdfViewer = () => {
10      const defaultLayoutPluginInstance = defaultLayoutPlugin();
11  
12      const { siteConfig, i18n } = useDocusaurusContext();
13      let pdfUrl = '/nativeio.pdf';
14      if (i18n.currentLocale === 'en') {
15          pdfUrl = '/nativeio-en.pdf';
16      }
17  
18      return (
19          <Worker workerUrl="https://unpkg.com/pdfjs-dist@3.11.174/build/pdf.worker.js">
20              <div
21                  style={{
22                      height: '750px',
23                      width: '900px',
24                      marginLeft: 'auto',
25                      marginRight: 'auto',
26                  }}
27              >
28                  <Viewer fileUrl={pdfUrl} plugins={[defaultLayoutPluginInstance]} />
29              </div>
30          </Worker>
31      );
32  };
33  
34  export default NativeIOPdfViewer;