function SentimentDisplay({ sentiment }) { return /*#__PURE__*/ React.createElement("p", { className: "font-medium font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, "Sentiment: ", /*#__PURE__*/ React.createElement("span", { className: "font-light", __source: { fileName: "", lineNumber: 4, columnNumber: 18 }, __self: this }, sentiment)); } function SentimentDisplayStory() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(SentimentDisplay, { sentiment: "Positive", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(SentimentDisplay, { sentiment: "Negative", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(SentimentDisplay, { sentiment: "Neutral", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this })); } function MainComponent() { const [text, setText] = React.useState(""); const [sentiment, setSentiment] = React.useState("Neutral"); const handleInputChange = (e)=>{ setText(e.target.value); }; const analyzeSentiment = (text)=>{ if (!text) return "Neutral"; if (text.includes("good") || text.includes("great") || text.includes("fantastic")) { return "Positive"; } else if (text.includes("bad") || text.includes("terrible") || text.includes("horrible")) { return "Negative"; } else { return "Neutral"; } }; const handleSubmit = (e)=>{ e.preventDefault(); const result = analyzeSentiment(text); setSentiment(result); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 p-4", __source: { fileName: "", lineNumber: 27, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-xl mx-auto bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold font-roboto mb-4", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, "Sentiment Analysis"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "text-input", className: "block text-sm font-medium text-gray-700 font-roboto", __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this }, "Enter text for sentiment analysis:"), /*#__PURE__*/ React.createElement("textarea", { id: "text-input", name: "text", className: "mt-1 block w-full p-2 border border-gray-300 rounded-md shadow-sm focus:border-blue-500 focus:ring focus:ring-blue-200 focus:ring-opacity-50", rows: "4", value: text, onChange: handleInputChange, __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-500 text-white font-roboto py-2 px-4 rounded hover:bg-blue-600 focus:outline-none focus:bg-blue-700", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, "Analyze Sentiment")), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold font-roboto", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, "Analysis Result:"), /*#__PURE__*/ React.createElement("div", { className: "mt-2 p-4 border rounded bg-gray-50", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement(SentimentDisplay, { sentiment: sentiment, __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }))))); }