function MainComponent() { const [selectedCategory, setSelectedCategory] = useState("all"); const [searchTerm, setSearchTerm] = useState(""); const [showShareModal, setShowShareModal] = useState(false); const [selectedFile, setSelectedFile] = useState(null); const [showAnalytics, setShowAnalytics] = useState(false); const [upload, { loading }] = useUpload(); const [documents] = useState({ recent: [ { id: 1, name: "Q4 Financial Report.pdf", category: "Reports", date: "2024-01-15", access: "private", versions: [ { version: "1.2", date: "2024-01-15", author: "John Doe" }, { version: "1.1", date: "2024-01-14", author: "John Doe" }, { version: "1.0", date: "2024-01-13", author: "Jane Smith" } ], analytics: { views: 245, downloads: 56, shares: 12, lastAccessed: "2024-01-20" } }, { id: 2, name: "Investment Thesis.docx", category: "Research", date: "2024-01-14", access: "team", versions: [ { version: "2.0", date: "2024-01-14", author: "Jane Smith" }, { version: "1.0", date: "2024-01-10", author: "Jane Smith" } ], analytics: { views: 189, downloads: 34, shares: 8, lastAccessed: "2024-01-19" } } ], all: [ { id: 1, name: "Q4 Financial Report.pdf", category: "Reports", date: "2024-01-15", access: "private", versions: [ { version: "1.2", date: "2024-01-15", author: "John Doe" }, { version: "1.1", date: "2024-01-14", author: "John Doe" }, { version: "1.0", date: "2024-01-13", author: "Jane Smith" } ], analytics: { views: 245, downloads: 56, shares: 12, lastAccessed: "2024-01-20" } }, { id: 2, name: "Investment Thesis.docx", category: "Research", date: "2024-01-14", access: "team", versions: [ { version: "2.0", date: "2024-01-14", author: "Jane Smith" }, { version: "1.0", date: "2024-01-10", author: "Jane Smith" } ], analytics: { views: 189, downloads: 34, shares: 8, lastAccessed: "2024-01-19" } }, { id: 3, name: "Due Diligence Checklist.xlsx", category: "Legal", date: "2024-01-13", access: "public", versions: [ { version: "1.0", date: "2024-01-13", author: "Jane Smith" } ], analytics: { views: 150, downloads: 20, shares: 5, lastAccessed: "2024-01-18" } }, { id: 4, name: "Partnership Agreement.pdf", category: "Legal", date: "2024-01-10", access: "private", versions: [ { version: "1.0", date: "2024-01-10", author: "John Doe" } ], analytics: { views: 100, downloads: 15, shares: 3, lastAccessed: "2024-01-17" } }, { id: 5, name: "Market Analysis.pptx", category: "Research", date: "2024-01-08", access: "team", versions: [ { version: "1.0", date: "2024-01-08", author: "Jane Smith" } ], analytics: { views: 200, downloads: 40, shares: 10, lastAccessed: "2024-01-16" } }, { id: 6, name: "Portfolio Review.pdf", category: "Reports", date: "2024-01-05", access: "team", versions: [ { version: "1.0", date: "2024-01-05", author: "John Doe" } ], analytics: { views: 300, downloads: 60, shares: 15, lastAccessed: "2024-01-15" } } ] }); const categories = [ "Reports", "Research", "Legal", "Other" ]; const handleUpload = async (e)=>{ const files = Array.from(e.target.files); if (files.length === 0) return; const uploads = files.map(async (file)=>{ try { const { url, error } = await upload({ file }); if (error) throw error; const newDoc = { id: documents.all.length + 1, name: file.name, url, category: "Other", date: new Date().toISOString().split("T")[0], access: "private", versions: [ { version: "1.0", date: new Date().toISOString().split("T")[0], author: "Current User" } ], analytics: { views: 0, downloads: 0, shares: 0, lastAccessed: new Date().toISOString().split("T")[0] } }; setDocuments((prev)=>({ recent: [ newDoc, ...prev.recent.slice(0, 4) ], all: [ newDoc, ...prev.all ] })); return newDoc; } catch (err) { console.error(`Error uploading ${file.name}:`, err); return null; } }); await Promise.all(uploads); }; const filteredDocs = useMemo(()=>{ return documents.all.filter((doc)=>{ const matchesCategory = selectedCategory === "all" || doc.category === selectedCategory; const matchesSearch = doc.name.toLowerCase().includes(searchTerm.toLowerCase()); return matchesCategory && matchesSearch; }); }, [ documents.all, selectedCategory, searchTerm ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 p-8", __source: { fileName: "", lineNumber: 204, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 205, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-8", __source: { fileName: "", lineNumber: 206, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold font-roboto text-gray-800", __source: { fileName: "", lineNumber: 207, columnNumber: 11 }, __self: this }, "Document Center"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 210, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowAnalytics(true), className: "bg-gray-600 text-white px-4 py-2 rounded-lg hover:bg-gray-700 flex items-center", __source: { fileName: "", lineNumber: 211, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-bar mr-2", __source: { fileName: "", lineNumber: 215, columnNumber: 15 }, __self: this }), "Analytics"), /*#__PURE__*/ React.createElement("label", { className: "bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 cursor-pointer flex items-center", __source: { fileName: "", lineNumber: 218, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-upload mr-2", __source: { fileName: "", lineNumber: 219, columnNumber: 15 }, __self: this }), "Upload Files", /*#__PURE__*/ React.createElement("input", { type: "file", multiple: true, className: "hidden", onChange: handleUpload, __source: { fileName: "", lineNumber: 221, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-4 gap-8", __source: { fileName: "", lineNumber: 231, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "lg:col-span-1", __source: { fileName: "", lineNumber: 232, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 233, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold mb-4 text-lg font-roboto", __source: { fileName: "", lineNumber: 234, columnNumber: 15 }, __self: this }, "Categories"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 237, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 238, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedCategory("all"), className: `w-full text-left px-3 py-2 rounded-md ${selectedCategory === "all" ? "bg-blue-50 text-blue-600" : "hover:bg-gray-50"}`, __source: { fileName: "", lineNumber: 239, columnNumber: 19 }, __self: this }, "All Documents")), categories.map((category)=>/*#__PURE__*/ React.createElement("li", { key: category, __source: { fileName: "", lineNumber: 247, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedCategory(category), className: `w-full text-left px-3 py-2 rounded-md ${selectedCategory === category ? "bg-blue-50 text-blue-600" : "hover:bg-gray-50"}`, __source: { fileName: "", lineNumber: 248, columnNumber: 21 }, __self: this }, category)))))), /*#__PURE__*/ React.createElement("div", { className: "lg:col-span-3 space-y-6", __source: { fileName: "", lineNumber: 260, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 261, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-6", __source: { fileName: "", lineNumber: 262, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1 relative", __source: { fileName: "", lineNumber: 263, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Search documents...", className: "w-full pl-10 pr-4 py-2 border rounded-lg", value: searchTerm, onChange: (e)=>setSearchTerm(e.target.value), __source: { fileName: "", lineNumber: 264, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-search absolute left-3 top-3 text-gray-400", __source: { fileName: "", lineNumber: 271, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("h2", { className: "font-semibold mb-4 font-roboto", __source: { fileName: "", lineNumber: 274, columnNumber: 15 }, __self: this }, "Recent Documents"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-8", __source: { fileName: "", lineNumber: 277, columnNumber: 15 }, __self: this }, documents.recent.map((doc)=>/*#__PURE__*/ React.createElement("div", { key: doc.id, className: "border rounded-lg p-4 hover:shadow-md transition-shadow", __source: { fileName: "", lineNumber: 279, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start justify-between", __source: { fileName: "", lineNumber: 283, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 284, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "far fa-file-alt text-2xl text-gray-400 mr-3", __source: { fileName: "", lineNumber: 285, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 286, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-medium", __source: { fileName: "", lineNumber: 287, columnNumber: 27 }, __self: this }, doc.name), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 288, columnNumber: 27 }, __self: this }, doc.category))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 293, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setSelectedFile(doc); setShowShareModal(true); }, className: "text-gray-400 hover:text-blue-600", __source: { fileName: "", lineNumber: 294, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-share-alt", __source: { fileName: "", lineNumber: 301, columnNumber: 27 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "text-gray-400 hover:text-blue-600", __source: { fileName: "", lineNumber: 303, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download", __source: { fileName: "", lineNumber: 304, columnNumber: 27 }, __self: this }))))))), /*#__PURE__*/ React.createElement("h2", { className: "font-semibold mb-4 font-roboto", __source: { fileName: "", lineNumber: 311, columnNumber: 15 }, __self: this }, "All Documents"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 312, columnNumber: 15 }, __self: this }, filteredDocs.map((doc)=>/*#__PURE__*/ React.createElement("div", { key: doc.id, className: "bg-white border rounded-lg p-4 hover:shadow-lg transition-all duration-200", __source: { fileName: "", lineNumber: 314, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start justify-between mb-3", __source: { fileName: "", lineNumber: 318, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedFile(doc), className: "flex items-center gap-3", __source: { fileName: "", lineNumber: 319, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-10 h-10 bg-gray-50 rounded-lg flex items-center justify-center", __source: { fileName: "", lineNumber: 323, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `far fa-file-${doc.name.match(/\.(pdf)$/i) ? "pdf" : doc.name.match(/\.(jpg|jpeg|png|gif)$/i) ? "image" : "alt"} text-xl text-gray-400`, __source: { fileName: "", lineNumber: 324, columnNumber: 27 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 328, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-medium text-gray-900 hover:text-blue-600", __source: { fileName: "", lineNumber: 329, columnNumber: 27 }, __self: this }, doc.name), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 332, columnNumber: 27 }, __self: this }, doc.category))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 337, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setSelectedFile(doc); setShowShareModal(true); }, className: "text-gray-400 hover:text-blue-600", __source: { fileName: "", lineNumber: 338, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-share-alt", __source: { fileName: "", lineNumber: 345, columnNumber: 27 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "text-gray-400 hover:text-blue-600", __source: { fileName: "", lineNumber: 347, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download", __source: { fileName: "", lineNumber: 348, columnNumber: 27 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between text-sm text-gray-500", __source: { fileName: "", lineNumber: 352, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 353, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${doc.access === "private" ? "lock" : doc.access === "team" ? "users" : "globe"}`, __source: { fileName: "", lineNumber: 354, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 357, columnNumber: 25 }, __self: this }, doc.date)), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 359, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 360, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-eye mr-1", __source: { fileName: "", lineNumber: 361, columnNumber: 27 }, __self: this }), doc.analytics.views), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 364, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download mr-1", __source: { fileName: "", lineNumber: 365, columnNumber: 27 }, __self: this }), doc.analytics.downloads)))))))))), showShareModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-40", __source: { fileName: "", lineNumber: 379, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg w-[500px]", __source: { fileName: "", lineNumber: 380, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 381, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 382, columnNumber: 15 }, __self: this }, "Share Document"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowShareModal(false), className: "text-gray-400 hover:text-gray-600", __source: { fileName: "", lineNumber: 383, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 387, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 390, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 391, columnNumber: 15 }, __self: this }, "Sharing ", selectedFile?.name)), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 393, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 394, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 395, columnNumber: 17 }, __self: this }, "Access Level"), /*#__PURE__*/ React.createElement("select", { className: "w-full border rounded-lg p-2", __source: { fileName: "", lineNumber: 396, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "private", __source: { fileName: "", lineNumber: 397, columnNumber: 19 }, __self: this }, "Private"), /*#__PURE__*/ React.createElement("option", { value: "team", __source: { fileName: "", lineNumber: 398, columnNumber: 19 }, __self: this }, "Team Only"), /*#__PURE__*/ React.createElement("option", { value: "restricted", __source: { fileName: "", lineNumber: 399, columnNumber: 19 }, __self: this }, "Restricted Access"), /*#__PURE__*/ React.createElement("option", { value: "public", __source: { fileName: "", lineNumber: 400, columnNumber: 19 }, __self: this }, "Public"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 403, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 404, columnNumber: 17 }, __self: this }, "Share With"), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Enter email addresses", className: "w-full border rounded-lg p-2 mb-2", __source: { fileName: "", lineNumber: 405, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 mb-2", __source: { fileName: "", lineNumber: 410, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: "notify", __source: { fileName: "", lineNumber: 411, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "notify", __source: { fileName: "", lineNumber: 412, columnNumber: 19 }, __self: this }, "Notify when accessed")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 414, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: "expiry", __source: { fileName: "", lineNumber: 415, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "expiry", __source: { fileName: "", lineNumber: 416, columnNumber: 19 }, __self: this }, "Set expiry date"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 419, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", __source: { fileName: "", lineNumber: 420, columnNumber: 17 }, __self: this }, "Share Link"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 421, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: "https://example.com/share/doc123", className: "flex-1 border rounded-lg p-2", readOnly: true, __source: { fileName: "", lineNumber: 422, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-600 text-white px-4 py-2 rounded-lg", __source: { fileName: "", lineNumber: 428, columnNumber: 19 }, __self: this }, "Copy")))))), selectedFile && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 439, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg w-[800px] h-[600px] flex flex-col", __source: { fileName: "", lineNumber: 440, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 441, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 442, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 443, columnNumber: 17 }, __self: this }, selectedFile.name), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 444, columnNumber: 17 }, __self: this }, selectedFile.category)), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 446, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-gray-400 hover:text-blue-600", __source: { fileName: "", lineNumber: 447, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download", __source: { fileName: "", lineNumber: 448, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedFile(null), className: "text-gray-400 hover:text-gray-600", __source: { fileName: "", lineNumber: 450, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 454, columnNumber: 19 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 bg-gray-50 rounded-lg p-4 overflow-hidden", __source: { fileName: "", lineNumber: 458, columnNumber: 13 }, __self: this }, selectedFile.url ? selectedFile.name.match(/\.(jpg|jpeg|png|gif)$/i) ? /*#__PURE__*/ React.createElement("img", { src: selectedFile.url, alt: selectedFile.name, className: "w-full h-full object-contain", __source: { fileName: "", lineNumber: 461, columnNumber: 19 }, __self: this }) : selectedFile.name.match(/\.(pdf)$/i) ? /*#__PURE__*/ React.createElement("iframe", { src: selectedFile.url, className: "w-full h-full rounded border", title: selectedFile.name, __source: { fileName: "", lineNumber: 467, columnNumber: 19 }, __self: this }) : /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center h-full", __source: { fileName: "", lineNumber: 473, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 474, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "far fa-file-alt text-6xl text-gray-400 mb-4", __source: { fileName: "", lineNumber: 475, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 476, columnNumber: 23 }, __self: this }, "Preview not available"), /*#__PURE__*/ React.createElement("button", { className: "mt-4 bg-blue-600 text-white px-4 py-2 rounded-lg", __source: { fileName: "", lineNumber: 477, columnNumber: 23 }, __self: this }, "Download to View"))) : /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center h-full", __source: { fileName: "", lineNumber: 484, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 485, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin text-4xl text-gray-400 mb-4", __source: { fileName: "", lineNumber: 486, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 487, columnNumber: 21 }, __self: this }, "Loading preview..."))))))); }