function MainComponent() { const handleButtonClick = (message)=>{ const utterance = new SpeechSynthesisUtterance(message); window.speechSynthesis.speak(utterance); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-blue-50 p-8", __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-[800px] mx-auto bg-white shadow-md rounded-md p-6", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-crimson-text text-center mb-6", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, "Speech Interaction App"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-yellow-400 text-white p-4 rounded-lg font-roboto shadow hover:bg-yellow-500 transition", onClick: ()=>handleButtonClick('Hello'), __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "🗣️ Hello"), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-400 text-white p-4 rounded-lg font-roboto shadow hover:bg-blue-500 transition", onClick: ()=>handleButtonClick('Drink'), __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, "🧃 Drink"), /*#__PURE__*/ React.createElement("button", { className: "bg-green-400 text-white p-4 rounded-lg font-roboto shadow hover:bg-green-500 transition", onClick: ()=>handleButtonClick('Eat'), __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "🍎 Eat"), /*#__PURE__*/ React.createElement("button", { className: "bg-red-400 text-white p-4 rounded-lg font-roboto shadow hover:bg-red-500 transition", onClick: ()=>handleButtonClick('Play'), __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "🏃‍♂️ Play")), /*#__PURE__*/ React.createElement("div", { className: "mt-6 text-center", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-gray-300 text-gray-800 p-4 rounded-lg font-roboto shadow hover:bg-gray-400 transition w-full", onClick: ()=>handleButtonClick('Help'), __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "👪 Help")))); }