const pagesAlreadyRotated = [] //stores page numbers of pages that are already rotated.
let pdfFileUrl = '' // stores url of pdf to render pdf in browser
let event = '' // stores event which contains user selected pdf file

  const onFileSelection = async (e) => {
    const { files } = e.target;
    event = e;
         const url = await ExtractPdfPages(e);
         pdfFileUrl = url
  };

async function handleRotation (pageNumber){

  const numOfPagesRotated = [...pagesAlreadyRotated, pageNumber]
  const url = await RotatePdfPage(event, numOfPagesRotated);
  pdfFileUrl = url
  <!--
   Logic to show user a rotated page on frontend.
    For example: A logic which will rotate the div in which page is being displayed or to download the updated file. Simply add this:

    // Create a hidden anchor element
    const link = document.createElement('a');
    link.href = pdfFileUrl;
    link.download = 'document.pdf'; // You can specify the filename here
    link.style.display = 'none';

    // Append the anchor element to the document
    document.body.appendChild(link);

    // Simulate a click event to trigger the download
    link.click();

    // Clean up: remove the anchor element and revoke the Blob URL
    document.body.removeChild(link);
    URL.revokeObjectURL(pdfFileUrl);
   -->
}