function MainComponent() { const [textToAnalyze, setTextToAnalyze] = React.useState(''); const [analysisResult, setAnalysisResult] = React.useState('Results will be shown here after analysis.'); const handleTextChange = (event)=>{ setTextToAnalyze(event.target.value); }; const analyzeText = (event)=>{ event.preventDefault(); const wordCount = textToAnalyze ? textToAnalyze.trim().split(/\s+/).length : 0; const summary = `Your text has ${wordCount} words. `; const advice = wordCount > 100 ? "Consider shortening for clarity." : "Good length!"; const placeholderAnalysis = `${summary} Advice: ${advice}`; setAnalysisResult(placeholderAnalysis); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full h-screen bg-[#f4f7f6] p-5", __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center p-5 bg-[#273036] text-white", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-xl", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "IT Text Analysis")), /*#__PURE__*/ React.createElement("main", { className: "mt-10 px-5", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "mb-10", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-2xl text-[#273036] mb-3", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "Upload Text"), /*#__PURE__*/ React.createElement("form", { onSubmit: analyzeText, __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "textToAnalyze", className: "w-full h-[300px] p-3 font-roboto border-[#273036] border-2", placeholder: "Paste your IT related text here.", value: textToAnalyze, onChange: handleTextChange, __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "mt-3 py-2 px-5 bg-[#4CAF50] text-white font-roboto rounded", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, "Analyze"))), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-2xl text-[#273036] mb-3", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "Analysis Results"), /*#__PURE__*/ React.createElement("div", { className: "font-roboto border-2 border-[#273036] p-3", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#273036]", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, analysisResult))))); }