function MainComponent() { const [showAdvancedSearch, setShowAdvancedSearch] = React.useState(false); const [selectedRegion, setSelectedRegion] = React.useState(""); const [selectedPrefecture, setSelectedPrefecture] = React.useState(""); const regions = [ "北海道", "東北", "関東", "中部", "近畿", "中国", "四国", "九州" ]; const prefectures = { 北海道: [ "札幌市", "函館市" ], 東北: [ "青森県", "秋田県" ], 関東: [ "東京都", "神奈川県" ], 中部: [ "石川県", "福井県" ], 近畿: [ "大阪府", "京都府" ], 中国: [ "広島県", "岡山県" ], 四国: [ "愛媛県", "香川県" ], 九州: [ "福岡県", "鹿児島県" ] }; const handleSearch = ()=>{}; return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold my-4", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, "キャンプ場検索"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-2", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "campName", placeholder: "キャンプ場の名前", className: "border p-2 flex-grow", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleSearch, className: "bg-blue-500 text-white px-4 py-2 ml-2 text-sm rounded", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, "検索")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowAdvancedSearch((prev)=>!prev), className: "text-blue-500 text-sm mb-4", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, "＋詳細検索"), showAdvancedSearch && /*#__PURE__*/ React.createElement("div", { className: "mb-4 p-4 border rounded", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("select", { name: "region", value: selectedRegion, onChange: (e)=>setSelectedRegion(e.target.value), className: "border p-2 mb-2 w-full", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, "地方"), regions.map((region)=>/*#__PURE__*/ React.createElement("option", { key: region, value: region, __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, region))), /*#__PURE__*/ React.createElement("select", { name: "prefecture", value: selectedPrefecture, onChange: (e)=>setSelectedPrefecture(e.target.value), className: "border p-2 mb-2 w-full", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, "県"), selectedRegion && prefectures[selectedRegion].map((prefecture)=>/*#__PURE__*/ React.createElement("option", { key: prefecture, value: prefecture, __source: { fileName: "", lineNumber: 70, columnNumber: 15 }, __self: this }, prefecture))), /*#__PURE__*/ React.createElement("select", { name: "altitude", className: "border p-2 mb-2 w-full", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, "標高"), /*#__PURE__*/ React.createElement("option", { value: "0-200", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, "～200m"), /*#__PURE__*/ React.createElement("option", { value: "200-500", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }, "200～500m"), /*#__PURE__*/ React.createElement("option", { value: "500-1000", __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, "500～1000m"), /*#__PURE__*/ React.createElement("option", { value: "1000-up", __source: { fileName: "", lineNumber: 81, columnNumber: 13 }, __self: this }, "1000m～")), /*#__PURE__*/ React.createElement("input", { type: "datetime-local", name: "weather", className: "border p-2 mb-2 w-full", __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-2", __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "shop", className: "mr-2", __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "font-sans", __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, "売店有")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-2", __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "firewood", className: "mr-2", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "font-sans", __source: { fileName: "", lineNumber: 93, columnNumber: 13 }, __self: this }, "薪販売有")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-2", __source: { fileName: "", lineNumber: 96, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "shower", className: "mr-2", __source: { fileName: "", lineNumber: 97, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "font-sans", __source: { fileName: "", lineNumber: 98, columnNumber: 13 }, __self: this }, "シャワー有"))), /*#__PURE__*/ React.createElement("div", { className: "relative w-full h-[500px] mb-4", __source: { fileName: "", lineNumber: 103, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/japan-map.png", alt: "日本地図", className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 104, columnNumber: 9 }, __self: this }))); }