function MainComponent({ files, questionnaire, profile }) { const handleFileUpload = (event)=>{ const uploadedFiles = event.target.files; console.log(uploadedFiles); }; const renderFiles = ()=>{ if (!files || files.length === 0) return null; return files.map((file, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "text-secondary font-inter", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, file.name)); }; return /*#__PURE__*/ React.createElement("div", { className: "font-inter bg-[#FFFFFF] p-4", __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-primary font-inter text-xl mb-2", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, "Upload Your Documents"), /*#__PURE__*/ React.createElement("input", { type: "file", name: "file-upload", multiple: true, accept: ".pdf, .docx, .txt", onChange: handleFileUpload, className: "p-2 border rounded w-full border-secondary", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("ul", { className: "mt-2", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, renderFiles())), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-primary font-inter text-xl mb-2", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, "Questionnaire"), questionnaire.map((q, idx)=>/*#__PURE__*/ React.createElement("div", { key: idx, className: "mb-2", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-secondary mb-1", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, q.question), /*#__PURE__*/ React.createElement("input", { type: "text", name: `question-${idx}`, className: "p-2 border rounded w-full border-secondary", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-primary font-inter text-xl mb-2", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, "Profile Integration"), /*#__PURE__*/ React.createElement("button", { className: "p-2 mb-2 w-full border rounded bg-[#0077B5] text-white", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, "Connect LinkedIn"), /*#__PURE__*/ React.createElement("button", { className: "p-2 w-full border rounded bg-[#F26D21] text-white", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, "Connect Handshake"))); } function StoryComponent() { const files = [ { name: 'resume.pdf' }, { name: 'cover_letter.docx' } ]; const questionnaire = [ { question: 'What are your career goals?' }, { question: 'What are your top skills?' }, { question: 'Which industries are you interested in?' } ]; const profile = { connectedLinkedIn: false, connectedHandshake: false }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 62, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { files: files, questionnaire: questionnaire, profile: profile, __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this })); }