function MainComponent() { const [fortune, setFortune] = useState(null); const luckyItems = [ "🌟 クリスタルペンダント", "🍀 四つ葉のクローバー", "💎 アメジスト", "🌈 レインボーチャーム", "🐇 うさぎのお守り", "📱 ローズゴールドアクセサリー", "🎨 パステルカラーの文具", "🧸 ぬいぐるみ", "🎵 お気に入りの音楽", "🌸 ドライフラワー" ]; const luckyRabbits = [ { level: "大吉", color: "ティファニーブルー", name: "ルビー", description: "特別な幸運をもたらす神秘的なうさぎ", emoji: "👑" }, { level: "吉", color: "パステルピンク", name: "サファイア", description: "希望を運ぶ優しいうさぎ", emoji: "✨" }, { level: "中吉", color: "ラベンダー", name: "エメラルド", description: "癒しをもたらす心優しいうさぎ", emoji: "🌟" }, { level: "小吉", color: "ミント", name: "アメジスト", description: "喜びを届ける幸せなうさぎ", emoji: "⭐" }, { level: "末吉", color: "クリーム", name: "トパーズ", description: "平穏を守る穏やかなうさぎ", emoji: "💫" } ]; const fortunes = { "Overall Luck": [ "大吉！新しいことを始めるのに最適な時期です 🌟", "穏やかで充実した一日になるでしょう。感謝の気持ちを忘れずに 🍀", "思いがけない良いことが起こりそうです。心を開いて過ごしましょう 🌈", "小さな幸せが積み重なる一日。あなたの優しさは必ず返ってきます ✨", "直感を信じれば、素晴らしい結果に繋がります 🎯" ], "Work Luck": [ "今日はチームワークが特に良好です。協力して大きな成果を上げられるでしょう 💼", "創造力を活かすチャンスが訪れます。積極的に新しいアイデアを提案しましょう 💡", "あなたの努力が認められ、評価が上がります。自信を持って取り組みましょう ⭐", "困難な課題も柔軟な発想で乗り越えられます。諦めないでください 🎯", "素晴らしい先輩や指導者に出会えます。多くのことを学べるチャンスです 📚" ], "Love Luck": [ "素敵な出会いが予感されます。外出先での偶然の出会いに注目です 💖", "大切な人との絆が深まります。素直な気持ちを伝えましょう 💌", "ロマンチックな展開が期待できます。思い切った行動が吉 🌹", "相手の気持ちへの理解が深まり、関係が良好になります 🤝", "長続きする出会いがありそうです。誠実さが鍵となります 💕" ], "Health Luck": [ "心も体もリフレッシュできる日です。新しい運動を始めるのに最適です 🧘‍♀️", "免疫力が高まっています。健康的な習慣を続けましょう 🍎", "ストレス解消に最適な日。趣味の時間を作りましょう 🎨", "健康管理が特に大切です。十分な休息を忘れずに 😴", "エネルギーに満ちた一日です。屋外活動がおすすめです 🚶‍♀️" ], "Study Luck": [ "集中力が高まっています。学習効果が期待できます 📚", "記憶力が冴えています。重要な試験や資格取得に最適です ✍️", "好奇心を刺激する出来事があります。知識欲を満たすチャンスです 🔍", "グループ学習が効果的です。仲間と知識を共有しましょう 👥", "創造的な思考が促されます。芸術的な学びに適しています 🎨" ] }; const translations = { title: { ja: "🐰 うさぎのおみくじ 🐰", en: "🐰 Rabbit Fortune 🐰", zh: "🐰 兔子占卜 🐰", ko: "🐰 토끼 운세 🐰" }, sections: { overall: { ja: "✨ 総合運", en: "✨ Overall Fortune", zh: "✨ 总体运势", ko: "✨ 종합운" }, work: { ja: "💼 仕事運", en: "💼 Work Fortune", zh: "💼 事业运", ko: "💼 직장운" }, love: { ja: "💖 恋愛運", en: "💖 Love Fortune", zh: "💖 恋爱运", ko: "💖 연애운" }, health: { ja: "🧘‍♀️ 健康運", en: "🧘‍♀️ Health Fortune", zh: "🧘‍♀️ 健康运", ko: "🧘‍♀️ 건강운" }, study: { ja: "📚 学業運", en: "📚 Study Fortune", zh: "📚 学业运", ko: "📚 학업운" } }, date: { ja: "🗓 今日の日付", en: "🗓 Today's Date", zh: "🗓 今天日期", ko: "🗓 오늘 날짜" }, luckyItem: { ja: "🎁 今日のラッキーアイテム", en: "🎁 Today's Lucky Item", zh: "🎁 今日幸运物品", ko: "🎁 오늘의 행운 아이템" }, luckyRabbit: { ja: "今日のラッキーうさぎ", en: "Today's Lucky Rabbit", zh: "今日幸运兔子", ko: "오늘의 행운 토끼" }, fortune: { ja: "運勢", en: "Fortune", zh: "运势", ko: "운세" }, color: { ja: "カラー", en: "Color", zh: "颜色", ko: "색상" }, luckyNumber: { ja: "🎲 ラッキーナンバー", en: "🎲 Lucky Number", zh: "🎲 幸运数字", ko: "🎲 행운 숫자" }, luckyTime: { ja: "⏰ ラッキータイム", en: "⏰ Lucky Time", zh: "⏰ 幸运时间", ko: "⏰ 행운 시간" }, luckyDirection: { ja: "🧭 ラッキー方角", en: "🧭 Lucky Direction", zh: "🧭 幸运方向", ko: "🧭 행운 방향" }, haveANiceDay: { ja: "素敵な一日を! 🌟", en: "Have a wonderful day! 🌟", zh: "祝你有美好的一天! 🌟", ko: "좋은 하루 되세요! 🌟" }, drawAgain: { ja: "もう一度おみくじを引く 🎋", en: "Draw Fortune Again 🎋", zh: "再次抽签 🎋", ko: "다시 운세뽑기 🎋" } }; const generateFortune = async ()=>{ const today = new Date().toLocaleDateString("ja-JP", { weekday: "long", year: "numeric", month: "long", day: "numeric" }); const randomItem = luckyItems[Math.floor(Math.random() * luckyItems.length)]; const selectedRabbit = luckyRabbits[Math.floor(Math.random() * luckyRabbits.length)]; const getRandomFortune = (category)=>{ return fortunes[category][Math.floor(Math.random() * fortunes[category].length)]; }; const luckyNumber = Math.floor(Math.random() * 100) + 1; const luckyTime = `${Math.floor(Math.random() * 12) + 1}:${String(Math.floor(Math.random() * 60)).padStart(2, "0")} ${Math.random() < 0.5 ? "午前" : "午後"}`; const directions = { North: "北", South: "南", East: "東", West: "西", Northeast: "北東", Northwest: "北西", Southeast: "南東", Southwest: "南西" }; const luckyDirection = directions[[ "North", "South", "East", "West", "Northeast", "Northwest", "Southeast", "Southwest" ][Math.floor(Math.random() * 8)]]; setFortune({ date: today, overallLuck: getRandomFortune("Overall Luck"), workLuck: getRandomFortune("Work Luck"), loveLuck: getRandomFortune("Love Luck"), healthLuck: getRandomFortune("Health Luck"), studyLuck: getRandomFortune("Study Luck"), luckyItem: randomItem, luckyRabbit: selectedRabbit, luckyNumber, luckyTime, luckyDirection }); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#FFF5F5] p-4", __source: { fileName: "", lineNumber: 249, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto bg-white rounded-xl shadow-lg p-6", __source: { fileName: "", lineNumber: 250, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-crimson-text text-center text-[#FF69B4] mb-6", __source: { fileName: "", lineNumber: 251, columnNumber: 9 }, __self: this }, translations.title.ja), !fortune ? /*#__PURE__*/ React.createElement("button", { onClick: generateFortune, className: "w-full bg-[#FF69B4] text-white py-3 px-6 rounded-lg hover:bg-[#FF1493] transition-colors font-crimson-text text-lg", __source: { fileName: "", lineNumber: 255, columnNumber: 11 }, __self: this }, "おみくじを引く 🎋") : /*#__PURE__*/ React.createElement("div", { className: "space-y-6 font-crimson-text", __source: { fileName: "", lineNumber: 262, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 263, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-4", __source: { fileName: "", lineNumber: 264, columnNumber: 15 }, __self: this }, fortune.date), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-2 text-sm text-gray-600 mb-4", __source: { fileName: "", lineNumber: 265, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 266, columnNumber: 17 }, __self: this }, translations.luckyNumber.ja, ": ", fortune.luckyNumber), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 269, columnNumber: 17 }, __self: this }, translations.luckyTime.ja, ": ", fortune.luckyTime), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 272, columnNumber: 17 }, __self: this }, translations.luckyDirection.ja, ": ", fortune.luckyDirection))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 277, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#FFF0F5] p-4 rounded-lg border-l-4 border-[#FF69B4]", __source: { fileName: "", lineNumber: 278, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2 text-[#FF69B4]", __source: { fileName: "", lineNumber: 279, columnNumber: 17 }, __self: this }, translations.sections.overall.ja), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 282, columnNumber: 17 }, __self: this }, fortune.overallLuck)), /*#__PURE__*/ React.createElement("div", { className: "bg-[#F0F8FF] p-4 rounded-lg border-l-4 border-[#4169E1]", __source: { fileName: "", lineNumber: 284, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2 text-[#4169E1]", __source: { fileName: "", lineNumber: 285, columnNumber: 17 }, __self: this }, translations.sections.work.ja), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 288, columnNumber: 17 }, __self: this }, fortune.workLuck)), /*#__PURE__*/ React.createElement("div", { className: "bg-[#FFF0F5] p-4 rounded-lg border-l-4 border-[#FF1493]", __source: { fileName: "", lineNumber: 290, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2 text-[#FF1493]", __source: { fileName: "", lineNumber: 291, columnNumber: 17 }, __self: this }, translations.sections.love.ja), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 294, columnNumber: 17 }, __self: this }, fortune.loveLuck)), /*#__PURE__*/ React.createElement("div", { className: "bg-[#F0FFF0] p-4 rounded-lg border-l-4 border-[#32CD32]", __source: { fileName: "", lineNumber: 296, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2 text-[#32CD32]", __source: { fileName: "", lineNumber: 297, columnNumber: 17 }, __self: this }, translations.sections.health.ja), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 300, columnNumber: 17 }, __self: this }, fortune.healthLuck)), /*#__PURE__*/ React.createElement("div", { className: "bg-[#F5F5DC] p-4 rounded-lg border-l-4 border-[#DAA520]", __source: { fileName: "", lineNumber: 302, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2 text-[#DAA520]", __source: { fileName: "", lineNumber: 303, columnNumber: 17 }, __self: this }, translations.sections.study.ja), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 306, columnNumber: 17 }, __self: this }, fortune.studyLuck))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#FFF5EE] p-4 rounded-lg border border-[#FFB6C1] mt-4", __source: { fileName: "", lineNumber: 309, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2 text-[#FF69B4]", __source: { fileName: "", lineNumber: 310, columnNumber: 15 }, __self: this }, translations.luckyItem.ja), /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 313, columnNumber: 15 }, __self: this }, fortune.luckyItem), /*#__PURE__*/ React.createElement("div", { className: "bg-[#FFFFFF] p-3 rounded-lg border border-[#FFB6C1]", __source: { fileName: "", lineNumber: 314, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-bold text-[#FF69B4] mb-2", __source: { fileName: "", lineNumber: 315, columnNumber: 17 }, __self: this }, fortune.luckyRabbit.emoji, " ", translations.luckyRabbit.ja, " '", fortune.luckyRabbit.name, "'"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 319, columnNumber: 17 }, __self: this }, translations.fortune.ja, ": ", fortune.luckyRabbit.level), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 322, columnNumber: 17 }, __self: this }, translations.color.ja, ": ", fortune.luckyRabbit.color), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-sm italic", __source: { fileName: "", lineNumber: 325, columnNumber: 17 }, __self: this }, fortune.luckyRabbit.description))), /*#__PURE__*/ React.createElement("div", { className: "text-center mt-6", __source: { fileName: "", lineNumber: 330, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#FF69B4] text-lg mb-4", __source: { fileName: "", lineNumber: 331, columnNumber: 15 }, __self: this }, translations.haveANiceDay.ja), /*#__PURE__*/ React.createElement("button", { onClick: generateFortune, className: "w-full bg-[#FF69B4] text-white py-3 px-6 rounded-lg hover:bg-[#FF1493] transition-colors", __source: { fileName: "", lineNumber: 334, columnNumber: 15 }, __self: this }, translations.drawAgain.ja))))); }