function NewComponent() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 2, columnNumber: 11 }, __self: this }); } function NewComponentStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement(NewComponent, { __source: { fileName: "", lineNumber: 6, columnNumber: 16 }, __self: this })); } function AdminFileUploadApp({ handleSubmit, loading, responseMessage }) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col items-center justify-center bg-[#f0f0f0]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg shadow-lg max-w-md w-full mb-5", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-xl text-center text-[#333] mb-6", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Admin File Upload"), /*#__PURE__*/ React.createElement("form", { className: "flex flex-col items-center", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "file", className: "mb-4 w-full text-sm text-gray-500 file:bg-[#f4f4f4] file:border-none file:rounded-lg file:p-2 file:text-[#333] file:font-roboto", name: "fileInput", accept: ".png,.jpg,.jpeg,.pdf,.doc,.docx", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: `px-6 py-3 text-white rounded-lg font-roboto ${loading ? 'bg-[#9E9E9E]' : 'bg-[#4CAF50] hover:bg-[#45a049]'}`, disabled: loading, __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, loading ? 'Uploading...' : 'Upload'), /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-[#333] font-roboto", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, responseMessage))), /*#__PURE__*/ React.createElement(NewComponent, { __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this })); } function AdminFileUploadAppStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 32, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(AdminFileUploadApp, { handleSubmit: (e)=>{ e.preventDefault(); alert('Handle Submit!'); }, loading: false, responseMessage: "File uploaded successfully!", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this })); } function MainComponent() { const [loading, setLoading] = React.useState(false); const [responseMessage, setResponseMessage] = React.useState(''); const handleSubmit = async (event)=>{ event.preventDefault(); setLoading(true); const formData = new FormData(event.target); const response = await fetch('/api/upload', { method: 'POST', body: formData }); if (response.ok) { setResponseMessage('File uploaded successfully!'); } else { setResponseMessage('Upload failed. Please try again.'); } setLoading(false); }; return /*#__PURE__*/ React.createElement(AdminFileUploadApp, { handleSubmit: handleSubmit, loading: loading, responseMessage: responseMessage, __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }); }