function MainComponent({ onSendByEmail, onGeneratePDF, onDarkModeToggle, isDarkMode, onInputChange, onSubmit, inputType, inputValue, outputText }) { const inputField = ()=>{ switch(inputType){ case 'audio': return /*#__PURE__*/ React.createElement("input", { type: "file", accept: "audio/*", name: "audioInput", className: "block w-full mt-2", onChange: onInputChange, __source: { fileName: "", lineNumber: 5, columnNumber: 16 }, __self: this }); case 'text': return /*#__PURE__*/ React.createElement("textarea", { name: "textInput", rows: "6", className: "block w-full mt-2", onChange: onInputChange, value: inputValue, __source: { fileName: "", lineNumber: 7, columnNumber: 16 }, __self: this }); case 'pdf': return /*#__PURE__*/ React.createElement("input", { type: "file", accept: "application/pdf", name: "pdfInput", className: "block w-full mt-2", onChange: onInputChange, __source: { fileName: "", lineNumber: 9, columnNumber: 16 }, __self: this }); case 'docs': return /*#__PURE__*/ React.createElement("input", { type: "url", name: "docsInput", placeholder: "Google Docs link", className: "block w-full mt-2", onChange: onInputChange, value: inputValue, __source: { fileName: "", lineNumber: 11, columnNumber: 16 }, __self: this }); default: return null; } }; return /*#__PURE__*/ React.createElement("div", { className: isDarkMode ? 'bg-[#121212] text-white' : 'bg-white text-black', __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center p-4", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-lg", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "inputTypeSelect", className: "text-lg font-semibold", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, "Choose input type:"), /*#__PURE__*/ React.createElement("select", { id: "inputTypeSelect", name: "inputType", onChange: onInputChange, className: "w-full mt-2", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, "Select..."), /*#__PURE__*/ React.createElement("option", { value: "audio", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, "Audio File"), /*#__PURE__*/ React.createElement("option", { value: "text", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "Text"), /*#__PURE__*/ React.createElement("option", { value: "pdf", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "PDF File"), /*#__PURE__*/ React.createElement("option", { value: "docs", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, "Google Docs Link")), inputField(), /*#__PURE__*/ React.createElement("div", { className: "mt-4 flex justify-center", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: onSubmit, className: "bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-700 transition duration-300 flex justify-center items-center", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, "Submit 🚀")), /*#__PURE__*/ React.createElement("div", { className: "mt-4", dangerouslySetInnerHTML: { __html: outputText }, __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-4 flex justify-center space-x-4", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: onSendByEmail, className: "bg-green-500 text-white px-4 py-2 rounded hover:bg-green-700 transition duration-300 w-1/2 flex justify-center items-center", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "Send by Email ✉️"), /*#__PURE__*/ React.createElement("button", { onClick: onGeneratePDF, className: "bg-purple-500 text-white px-4 py-2 rounded hover:bg-purple-700 transition duration-300 w-1/2 flex justify-center items-center", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "Generate PDF 📄")), /*#__PURE__*/ React.createElement("div", { className: "mt-4 flex justify-center", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "darkModeToggle", className: "flex items-center cursor-pointer", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 51, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { id: "darkModeToggle", type: "checkbox", className: "sr-only", onClick: onDarkModeToggle, __source: { fileName: "", lineNumber: 52, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "block bg-gray-600 w-14 h-8 rounded-full", __source: { fileName: "", lineNumber: 53, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "dot absolute left-1 top-1 bg-white w-6 h-6 rounded-full transition", __source: { fileName: "", lineNumber: 54, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "ml-3 text-gray-700 font-medium", __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, isDarkMode ? 'Dark Mode' : 'Light Mode')))))); } function StoryComponent() { const [isDarkMode, setIsDarkMode] = React.useState(false); const [inputType, setInputType] = React.useState(''); const [inputValue, setInputValue] = React.useState(''); const [outputText, setOutputText] = React.useState(''); const handleInputChange = (event)=>{ const { name, value, files } = event.target; if (name === 'inputType') { setInputType(value); setInputValue(''); } else if (files) { // Implement file handling here } else { setInputValue(value); } }; const handleSubmit = async ()=>{ // Placeholder for functionality to process input & get output from ChatGPT }; const handleSendByEmail = ()=>{ // Placeholder for email sending functionality }; const handleGeneratePDF = ()=>{ // Placeholder for PDF generation functionality }; const handleDarkModeToggle = ()=>{ setIsDarkMode(!isDarkMode); }; return /*#__PURE__*/ React.createElement(MainComponent, { onSendByEmail: handleSendByEmail, onGeneratePDF: handleGeneratePDF, onDarkModeToggle: handleDarkModeToggle, isDarkMode: isDarkMode, onInputChange: handleInputChange, onSubmit: handleSubmit, inputType: inputType, inputValue: inputValue, outputText: outputText, __source: { fileName: "", lineNumber: 102, columnNumber: 5 }, __self: this }); }