function MainComponent() { const [language, setLanguage] = React.useState('en'); const handleLanguageChange = (e)=>{ setLanguage(e.target.value); }; const texts = { en: { title: 'Couple Records', name: 'Name', date: 'Date', note: 'Note', add: 'Add Record', delete: 'Delete' }, jp: { title: 'カップルの記録', name: '名前', date: '日付', note: 'メモ', add: '記録を追加する', delete: '削除' }, kr: { title: '커플 기록', name: '이름', date: '날짜', note: '메모', add: '기록 추가', delete: '삭제' } }; const currentText = texts[language]; return /*#__PURE__*/ React.createElement("div", { className: "w-full p-4", __source: { fileName: "", lineNumber: 38, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-end space-x-4", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setLanguage('en'), className: "px-4 py-2 border rounded", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, "English"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setLanguage('jp'), className: "px-4 py-2 border rounded", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, "日本語"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setLanguage('kr'), className: "px-4 py-2 border rounded", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, "한국어")), /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-center mt-4", __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }, currentText.title), /*#__PURE__*/ React.createElement("form", { className: "mt-4 space-y-4", __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-semibold", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, currentText.name), /*#__PURE__*/ React.createElement("input", { name: "name", type: "text", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-semibold", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, currentText.date), /*#__PURE__*/ React.createElement("input", { name: "date", type: "date", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-semibold", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, currentText.note), /*#__PURE__*/ React.createElement("textarea", { name: "note", className: "w-full p-2 border rounded", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 bg-[#4CAF50] text-white rounded", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, currentText.add))); }