function MainComponent() { const [businessName, setBusinessName] = React.useState(''); const [businessIdea, setBusinessIdea] = React.useState(''); const [aiResponse, setAiResponse] = React.useState(''); const [isLoading, setIsLoading] = React.useState(false); async function handleSubmit(event) { event.preventDefault(); setIsLoading(true); const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: "user", content: businessIdea } ], system_prompt: "You are Bill Gates, provide a business plan", max_tokens: 2000 }) }); const data = await response.json(); setAiResponse(data.result); setIsLoading(false); } function handleBusinessNameChange(event) { setBusinessName(event.target.value); } function handleBusinessIdeaChange(event) { setBusinessIdea(event.target.value); } const isLoadingIndicator = /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 35, columnNumber: 30 }, __self: this }, "Loading insights..."); const aiInsightsSection = /*#__PURE__*/ React.createElement("pre", { className: "whitespace-pre-wrap text-[#343a40] font-roboto", __source: { fileName: "", lineNumber: 37, columnNumber: 5 }, __self: this }, aiResponse); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f8f9fa]", __source: { fileName: "", lineNumber: 42, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#007bff] p-6", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl text-white font-bold font-roboto", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, "Business Planner AI")), /*#__PURE__*/ React.createElement("main", { className: "p-6 space-y-8", __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl text-[#343a40] font-semibold font-roboto", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "Get Started with Your Business Plan"), /*#__PURE__*/ React.createElement("p", { className: "text-[#6c757d] mt-2 font-roboto", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, "Provide us with some basic information about your business idea and let the AI assist you in planning and research.")), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "flex flex-col gap-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "p-2 border-[#ced4da] border-2 rounded font-roboto", type: "text", name: "businessName", placeholder: "Business Name", value: businessName, onChange: handleBusinessNameChange, __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { className: "p-2 border-[#ced4da] border-2 rounded font-roboto", name: "businessIdea", rows: "5", placeholder: "Describe your business idea", value: businessIdea, onChange: handleBusinessIdeaChange, __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-[#007bff] text-white p-2 rounded font-bold font-roboto", type: "submit", disabled: isLoading, __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }, "Generate Plan"))), /*#__PURE__*/ React.createElement("section", { className: "bg-white shadow-md p-6 rounded", __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl text-[#343a40] font-roboto font-semibold", __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }, "Research Insights"), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, isLoading ? isLoadingIndicator : aiInsightsSection)))); }