function MainComponent() { const [alarmTime, setAlarmTime] = React.useState(''); const [affirmationArea, setAffirmationArea] = React.useState(''); const [backgroundMusic, setBackgroundMusic] = React.useState(''); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gradient-to-br from-[#FFD700] to-[#FF8C00]", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold mb-10 font-roboto", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, "🌟 Alarm Clock with Positive Affirmations 🌟"), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg rounded-lg p-8 w-full max-w-lg", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-6 font-roboto", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, "Set Your Alarm ⏰"), /*#__PURE__*/ React.createElement("input", { type: "time", name: "alarmTime", className: "p-3 border border-gray-400 rounded-md w-full", value: alarmTime, onChange: (e)=>setAlarmTime(e.target.value), __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mt-8 mb-6 font-roboto", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, "Choose Your Affirmation Area 💖"), /*#__PURE__*/ React.createElement("select", { name: "affirmationArea", className: "p-3 border border-gray-400 rounded-md w-full", value: affirmationArea, onChange: (e)=>setAffirmationArea(e.target.value), __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "Select Area"), /*#__PURE__*/ React.createElement("option", { value: "love", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "Love"), /*#__PURE__*/ React.createElement("option", { value: "relationships", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "Relationships"), /*#__PURE__*/ React.createElement("option", { value: "career", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "Career"), /*#__PURE__*/ React.createElement("option", { value: "health", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "Health"), /*#__PURE__*/ React.createElement("option", { value: "self-development", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "Self Development"), /*#__PURE__*/ React.createElement("option", { value: "money-wealth", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "Money and Wealth")), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mt-8 mb-6 font-roboto", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, "Choose Your Background Music 🎵"), /*#__PURE__*/ React.createElement("select", { name: "backgroundMusic", className: "p-3 border border-gray-400 rounded-md w-full", value: backgroundMusic, onChange: (e)=>setBackgroundMusic(e.target.value), __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, "Select Music"), /*#__PURE__*/ React.createElement("option", { value: "calm-waves", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, "Calm Waves"), /*#__PURE__*/ React.createElement("option", { value: "forest-morning", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "Forest Morning"), /*#__PURE__*/ React.createElement("option", { value: "gentle-piano", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "Gentle Piano"), /*#__PURE__*/ React.createElement("option", { value: "soft-rain", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, "Soft Rain")), /*#__PURE__*/ React.createElement("button", { className: "mt-10 p-3 w-full bg-yellow-500 text-white rounded-md font-semibold font-roboto", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, "Set Alarm"))); }