```typescript import React from "react"; import { useState } from "react"; import * as XLSX from "xlsx"; import { FilePlus, Download } from "lucide-react"; export default function App() { const [data, setData] = useState([]); const handleFileUpload = (event: React.ChangeEvent) => { const file = event.target.files?.[0]; if (file) { const reader = new FileReader(); reader.onload = (e) => { const binaryStr = e.target?.result; const workbook = XLSX.read(binaryStr, { type: "binary" }); const firstSheet = workbook.Sheets[workbook.SheetNames[0]]; const jsonData = XLSX.utils.sheet_to_json(firstSheet); setData(jsonData); }; reader.readAsBinaryString(file); } }; const markAsReceived = (index: number) => { const newData = [...data]; newData[index].received = true; setData(newData); }; const downloadReport = () => { const worksheet = XLSX.utils.json_to_sheet(data); const workbook = XLSX.utils.book_new(); XLSX.utils.book_append_sheet(workbook, worksheet, "Report"); XLSX.writeFile(workbook, "received_packages_report.xlsx"); }; return (

{data.map((item, index) => ( ))}

Package Name	Status	Action
{item.name}	{item.received ? "Received" : "Pending"}

); } ```