function MainComponent() { const [currentLanguage, setCurrentLanguage] = React.useState('ja'); const [currentLevel, setCurrentLevel] = React.useState('simple'); const content = { ja: { title: "日本の社会保障制度", targetTitle: "対象者", conditionsTitle: "受給条件", supportTitle: "支援内容", applicationTitle: "申請方法", simple: { summary: "社会保障制度は、生活に困っている人々を支援する制度です。", target: "生活資金が不足している人", importantNote: "重要： 社会保障は他に利用可能なすべての手段が尽きた時の最後の手助けです。", conditions: "

すべての資産を使い果たし生活維持が困難であること

日本国内に居住していること

家族からの支援を受けられないこと

", support: "社会保障では生活費や医療などの支援が受けられます。", application: "地域の福祉事務所で申し込んでください。" }, normal: { summary: "社会保障制度は、生活困窮者に最低限度の生活を保障し、自立を促進する制度です。", target: "生活資金が不足し、他の手段では生活維持が困難な方", importantNote: "重要： 社会保障は他の手段がない場合に利用できる最終的なセーフティーネットです。", conditions: "

資産や能力を活用しても生活が困難であること

日本国内に居住していること

家族からの扶養を受けられないこと

", support: "生活補助、住宅補助、教育補助、医療補助など様々な支援を受けられます。", application: "お住まいの地域の福祉事務所で申請し、担当者が詳細を説明します。" }, detailed: { summary: "社会保障制度は日本国憲法第25条に基づき、国民の生存権を保障するための制度です。困窮する全ての国民に必要な保護を行い、自立を助長します。", target: "資産や能力を活用しても生活が困難な方。国籍不問ですが在留資格の条件があります。", importantNote: "重要： 社会保障は補足性の原理に基づき、他の手段を全て尽くした上で困窮する場合に適用される最後のセーフティネットです。申請は権利ですが、受給には厳しい審査があります。", conditions: "

資産や能力を活用しても生活が困難なこと（資産調査、扶養調査が行われます）

日本国内に居住していること（外国人は在留資格が必要）

民法に基づく扶養義務者からの支援を受けられないこと

", support: "生活補助、住宅補助、教育補助、医療補助、介護補助、出産補助、生活支援、葬祭補助の8種類の補助を単給または併給で行います。", application: "居住地の福祉事務所で申請。ケースワーカーによる調査の後、保護の要否が決定されます。通常14日以内に決定、最長30日。" } }, en: { title: "Japan's Social Security System", targetTitle: "Eligibility", conditionsTitle: "Conditions", supportTitle: "Support Provided", applicationTitle: "How to Apply", simple: { summary: "The Social Security System helps people in need of financial support.", target: "People who lack sufficient funds for living", importantNote: "Important: Social security is the last resort after exhausting all other means.", conditions: "

Unable to maintain living standards even after exhausting all assets

Living in Japan

Unable to receive family support

", support: "Social security provides financial and medical support.", application: "Please apply at your local welfare office." }, normal: { summary: "The Social Security System aims to guarantee a minimum living standard and promote self-reliance for those in financial difficulty.", target: "Individuals who cannot maintain a minimum living standard through other means", importantNote: "Important: Social security is the 'last safety net' available only after exhausting all other resources.", conditions: "

Unable to maintain livelihood after using all assets and capabilities

Residing in Japan

Unable to receive support from relatives

", support: "Provides various kinds of support including living, housing, education, and medical assistance.", application: "Apply at your local welfare office. The staff will explain the detailed procedures." }, detailed: { summary: "The Social Security System is based on Article 25 of the Japanese Constitution, guaranteeing the right to a minimum living standard. It provides necessary protection to all citizens in need, promoting independence.", target: "Individuals unable to maintain a minimum living standard despite using all assets and capabilities. Non-citizens may have residence status requirements.", importantNote: "Important: Social security is applied only when all other means are exhausted. Applying is a right, but strict screening is required for receiving support.", conditions: "

Unable to maintain livelihood after using all assets and capabilities (asset and family support investigations will be conducted)

Residing in Japan (certain residence status required for non-citizens)

Cannot receive support from family or other laws-defined assistance

", support: "Provides eight types of aid: living, housing, education, medical, long-term care, maternity, occupational, and funeral aid. These aids are determined based on standards set by the Minister of Health, Labour and Welfare.", application: "Applications are made at the local welfare office. A caseworker will investigate to determine the need for protection. Decision typically within 14 days, maximum 30 days." } } }; React.useEffect(()=>{ updateContent(); }, [ currentLanguage, currentLevel ]); const updateContent = ()=>{ const lang = content[currentLanguage]; const level = lang[currentLevel]; document.getElementById('title').textContent = lang.title; document.getElementById('summary-content').innerHTML = level.summary; document.getElementById('target-title').textContent = lang.targetTitle; document.getElementById('target-content').innerHTML = level.target; document.getElementById('important-note-content').innerHTML = level.importantNote; document.getElementById('conditions-title').textContent = lang.conditionsTitle; document.getElementById('conditions-content').innerHTML = level.conditions; document.getElementById('support-title').textContent = lang.supportTitle; document.getElementById('support-content').innerHTML = level.support; document.getElementById('application-title').textContent = lang.applicationTitle; document.getElementById('application-content').innerHTML = level.application; }; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "top-bar bg-[#0b0c0c] p-2.5 flex justify-between items-center text-[#f3f2f1] font-noto-sans text-[16px]", __source: { fileName: "", lineNumber: 92, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-noto-sans", __source: { fileName: "", lineNumber: 93, columnNumber: 9 }, __self: this }, "Japan Gov"), /*#__PURE__*/ React.createElement("div", { className: "language-selector flex", __source: { fileName: "", lineNumber: 94, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: `selector-button p-2.5 mr-1.25 ${currentLanguage === 'ja' ? 'bg-[#1d70b8] text-white' : 'bg-[#f3f2f1]'} cursor-pointer`, onClick: ()=>setCurrentLanguage('ja'), __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }, "日本語"), /*#__PURE__*/ React.createElement("button", { className: `selector-button p-2.5 mr-1.25 ${currentLanguage === 'en' ? 'bg-[#1d70b8] text-white' : 'bg-[#f3f2f1]'} cursor-pointer`, onClick: ()=>setCurrentLanguage('en'), __source: { fileName: "", lineNumber: 101, columnNumber: 11 }, __self: this }, "English"))), /*#__PURE__*/ React.createElement("div", { className: "main-content max-w-[960px] mx-auto p-7.5 font-noto-sans text-[#0b0c0c] leading-normal", __source: { fileName: "", lineNumber: 109, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[36px] mb-5 font-noto-sans", id: "title", __source: { fileName: "", lineNumber: 110, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "selector-container flex justify-between mb-5", __source: { fileName: "", lineNumber: 111, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "level-selector flex", __source: { fileName: "", lineNumber: 112, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: `selector-button p-2.5 mr-1.25 ${currentLevel === 'simple' ? 'bg-[#1d70b8] text-white' : 'bg-[#f3f2f1]'} cursor-pointer`, onClick: ()=>setCurrentLevel('simple'), __source: { fileName: "", lineNumber: 113, columnNumber: 13 }, __self: this }, "やさしい / Simple"), /*#__PURE__*/ React.createElement("button", { className: `selector-button p-2.5 mr-1.25 ${currentLevel === 'normal' ? 'bg-[#1d70b8] text-white' : 'bg-[#f3f2f1]'} cursor-pointer`, onClick: ()=>setCurrentLevel('normal'), __source: { fileName: "", lineNumber: 119, columnNumber: 13 }, __self: this }, "標準 / Standard"), /*#__PURE__*/ React.createElement("button", { className: `selector-button p-2.5 mr-1.25 ${currentLevel === 'detailed' ? 'bg-[#1d70b8] text-white' : 'bg-[#f3f2f1]'} cursor-pointer`, onClick: ()=>setCurrentLevel('detailed'), __source: { fileName: "", lineNumber: 125, columnNumber: 13 }, __self: this }, "詳細 / Detailed"))), /*#__PURE__*/ React.createElement("div", { className: "summary bg-[#f3f2f1] p-5 mb-7.5", __source: { fileName: "", lineNumber: 133, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { id: "summary-content", __source: { fileName: "", lineNumber: 134, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-[24px] mt-7.5 mb-3.75 font-noto-sans", id: "target-title", __source: { fileName: "", lineNumber: 136, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("p", { id: "target-content", __source: { fileName: "", lineNumber: 137, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "important-note bg-[#ffdd00] p-3.75 my-5 font-medium", __source: { fileName: "", lineNumber: 138, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { id: "important-note-content", __source: { fileName: "", lineNumber: 139, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-[24px] mt-7.5 mb-3.75 font-noto-sans", id: "conditions-title", __source: { fileName: "", lineNumber: 141, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("ul", { id: "conditions-content", className: "list-disc ml-5", __source: { fileName: "", lineNumber: 142, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-[24px] mt-7.5 mb-3.75 font-noto-sans", id: "support-title", __source: { fileName: "", lineNumber: 143, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("p", { id: "support-content", __source: { fileName: "", lineNumber: 144, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-[24px] mt-7.5 mb-3.75 font-noto-sans", id: "application-title", __source: { fileName: "", lineNumber: 145, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("p", { id: "application-content", __source: { fileName: "", lineNumber: 146, columnNumber: 9 }, __self: this }))); }