function MainComponent() { const [scene, setScene] = React.useState([ { id: 1, type: 'school' }, { id: 2, type: 'park' }, { id: 3, type: 'store' }, { id: 4, type: 'school' }, { id: 5, type: 'park' }, { id: 6, type: 'store' } ]); const [age, setAge] = React.useState(''); const [location, setLocation] = React.useState(''); const getBlockImage = (type)=>{ switch(type){ case 'school': return '/school.png'; case 'park': return '/park.png'; case 'store': return '/store.png'; default: return ''; } }; const changeBlockType = (id)=>{ const newScene = scene.map((block)=>{ if (block.id === id) { const newType = block.type === 'school' ? 'park' : block.type === 'park' ? 'store' : 'school'; return { ...block, type: newType }; } return block; }); setScene(newScene); }; const handleStart = ()=>{ if (age && location) { alert(`Age: ${age}, Start Location: ${location}`); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center bg-green-700 min-h-screen font-minecraft", __source: { fileName: "", lineNumber: 45, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#333333] w-full flex flex-col items-center p-4 shadow-md", __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl text-[#00ff00] font-bold mb-2", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, "マインクラフトみたいな現実"), /*#__PURE__*/ React.createElement("h2", { className: "text-[#00ff00] font-semibold", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, "現実の中のマインクラフトワールドへようこそ！"), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "age", placeholder: "年齢", value: age, onChange: (e)=>setAge(e.target.value), className: "mr-2 p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "location", placeholder: "開始する場所", value: location, onChange: (e)=>setLocation(e.target.value), className: "mr-2 p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleStart, className: "mt-2 px-4 py-2 bg-[#00ff00] text-black font-semibold rounded", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, "開始"))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 grid grid-cols-3 gap-4 p-4 w-full", __source: { fileName: "", lineNumber: 69, columnNumber: 7 }, __self: this }, scene.map((block)=>/*#__PURE__*/ React.createElement("div", { key: block.id, className: `h-[200px] flex items-center justify-center shadow-lg bg-${block.type === 'school' ? '[#FFB6C1]' : block.type === 'park' ? '[#32CD32]' : '[#FFD700]'}`, onClick: ()=>changeBlockType(block.id), __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: getBlockImage(block.type), alt: `${block.type} Block`, className: "h-[150px] w-[150px]", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }))))); }