react-pdf

# Displaying PDF in [COMPANY] Dashboard

Here’s a React component to embed a PDF viewer in your application:

```jsx
import { Document, Page, pdfjs } from 'react-pdf';
import 'react-pdf/dist/esm/Page/AnnotationLayer.css';
import 'react-pdf/dist/esm/Page/TextLayer.css';

// Set up PDF worker (required for react-pdf)
pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.min.js`;

const PDFViewer = ({ fileName = 'annual-report.pdf' }) => {
  return (
    <div className="pdf-container" style={{ maxWidth: '800px', margin: '0 auto' }}>
      <Document file={fileName}>
        <Page pageNumber={1} scale={1.2} />
      </Document>
      <div className="pdf-controls" style={{ marginTop: '1rem', textAlign: 'center' }}>
        <button onClick={() => window.print()}>Print</button>
        <button onClick={() => console.log('Download clicked')}>Download</button>
      </div>
    </div>
  );
};

export default PDFViewer;
```

### Key Features:
- **Responsive Design**: Adapts to container width.
- **Basic Controls**: Print and download buttons (download logic can be expanded).
- **Optimized Rendering**: Uses `react-pdf` for efficient PDF parsing.

### Usage:
```jsx
<PDFViewer fileName="quarterly-financials.pdf" />
```