function MainComponent({ questions, onRefreshQuestions, onSelectQuestion, onSubmit, onFileUpload, selectedQuestion, isLoading }) { const [inputQuestion, setInputQuestion] = React.useState(''); const handleQuestionChange = (event)=>{ setInputQuestion(event.target.value); }; const handleSubmit = (event)=>{ event.preventDefault(); onSubmit(inputQuestion || selectedQuestion); }; const handleRefreshClick = ()=>{ onRefreshQuestions(); setInputQuestion(''); }; const handleSelectQuestion = (question)=>{ onSelectQuestion(question); setInputQuestion(question); }; const handleFileChange = (event)=>{ onFileUpload(event.target.files[0]); }; const questionsList = questions.map((question, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: `text-[#CCCCCC] cursor-pointer hover:text-red-500 transition-colors ${selectedQuestion === question ? "text-red-500" : ""}`, onClick: ()=>handleSelectQuestion(question), __source: { fileName: "", lineNumber: 36, columnNumber: 5 }, __self: this }, question)); const questionText = isLoading ? "Loading questions..." : "Please submit or select a question to get started"; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col h-screen bg-[#121212] font-roboto", __source: { fileName: "", lineNumber: 48, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-none p-4", __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "file", name: "spreadsheet", onChange: handleFileChange, className: "hidden", id: "fileUpload", accept: ".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "fileUpload", className: "btn-text bg-red-500 text-white rounded px-4 py-2 cursor-pointer", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, "Upload Spreadsheet"), isLoading && /*#__PURE__*/ React.createElement("div", { className: "text-center text-white mt-2", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, "Processing spreadsheet...")), /*#__PURE__*/ React.createElement("div", { className: "flex-grow overflow-auto p-4", __source: { fileName: "", lineNumber: 65, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, questionsList)), /*#__PURE__*/ React.createElement("div", { className: "flex-none", __source: { fileName: "", lineNumber: 68, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "flex gap-4 items-center p-4", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "question", placeholder: "Ask a question", style: { display: isLoading ? 'none' : 'block' }, value: inputQuestion, onChange: handleQuestionChange, className: "flex-grow bg-[#252525] text-white p-2 rounded", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-red-500 text-white rounded px-4 py-2", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, "Submit"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: handleRefreshClick, className: "bg-transparent text-[#CCCCCC] hover:text-red-500 transition-colors", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, "Refresh Questions"))), /*#__PURE__*/ React.createElement("div", { className: "flex-none text-white p-4", __source: { fileName: "", lineNumber: 87, columnNumber: 7 }, __self: this }, selectedQuestion || questionText)); } function StoryComponent() { const [questions, setQuestions] = React.useState([]); const [selectedQuestion, setSelectedQuestion] = React.useState(null); const [isLoading, setIsLoading] = React.useState(false); const handleRefreshQuestions = ()=>{ setIsLoading(true); // Simulating question generation setTimeout(()=>{ const newQuestions = Array.from({ length: 15 }, (_, i)=>`Question ${i + 1}`); setQuestions(newQuestions); setIsLoading(false); }, 1500); }; const handleSelectQuestion = (question)=>{ setSelectedQuestion(question); }; const handleSubmit = (question)=>{ console.log('Submitting question:', question); // Submit question logic }; const handleFileUpload = (file)=>{ console.log('Uploading file:', file.name); // File upload logic handleRefreshQuestions(); }; React.useEffect(()=>{ handleRefreshQuestions(); }, []); return /*#__PURE__*/ React.createElement(MainComponent, { questions: questions, onRefreshQuestions: handleRefreshQuestions, onSelectQuestion: handleSelectQuestion, onSubmit: handleSubmit, onFileUpload: handleFileUpload, selectedQuestion: selectedQuestion, isLoading: isLoading, __source: { fileName: "", lineNumber: 129, columnNumber: 5 }, __self: this }); }