function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "font-roboto min-h-screen flex flex-col", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center bg-[#010101] text-white p-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Logo"), /*#__PURE__*/ React.createElement("nav", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "hover:underline", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "ホーム"), /*#__PURE__*/ React.createElement("a", { href: "/jobs", className: "hover:underline", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "募集一覧"), /*#__PURE__*/ React.createElement("a", { href: "/companies", className: "hover:underline", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "企業一覧"), /*#__PURE__*/ React.createElement("a", { href: "/mypage", className: "hover:underline", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "マイページ")), /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "検索...", className: "p-2 text-black", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 p-2 text-white", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "検索"))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-1", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("aside", { className: "w-[300px] bg-gray-100 p-4 space-y-6", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, "競技種別"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "sport", value: "soccer", __source: { fileName: "", lineNumber: 22, columnNumber: 20 }, __self: this }), " サッカー"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "sport", value: "basketball", __source: { fileName: "", lineNumber: 23, columnNumber: 20 }, __self: this }), " バスケットボール"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "sport", value: "baseball", __source: { fileName: "", lineNumber: 24, columnNumber: 20 }, __self: this }), " 野球"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 25, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "sport", value: "tennis", __source: { fileName: "", lineNumber: 25, columnNumber: 20 }, __self: this }), " テニス"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, "勤務地"), /*#__PURE__*/ React.createElement("select", { name: "location", className: "w-full", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this }, "選択してください"), /*#__PURE__*/ React.createElement("option", { value: "tokyo", __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }, "東京"), /*#__PURE__*/ React.createElement("option", { value: "osaka", __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this }, "大阪"), /*#__PURE__*/ React.createElement("option", { value: "fukuoka", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, "福岡"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, "雇用形態"), /*#__PURE__*/ React.createElement("select", { name: "employment", className: "w-full", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "fulltime", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }, "正社員"), /*#__PURE__*/ React.createElement("option", { value: "contract", __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this }, "契約社員"), /*#__PURE__*/ React.createElement("option", { value: "parttime", __source: { fileName: "", lineNumber: 42, columnNumber: 15 }, __self: this }, "アルバイト"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "給与範囲"), /*#__PURE__*/ React.createElement("input", { type: "range", name: "salary", min: "0", max: "1000000", className: "w-full", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("main", { className: "flex-1 p-4 bg-white grid grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border p-4", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, "⚽"), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, "募集タイトル"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, "企業名"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, "勤務地：東京"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, "雇用形態：正社員"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }, "給与：月給30万円"), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white p-2 mt-2", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, "詳細を見る")), /*#__PURE__*/ React.createElement("div", { className: "border p-4", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, "🏀"), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, "募集タイトル"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, "企業名"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, "勤務地：大阪"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, "雇用形態：契約社員"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, "給与：年収400万円"), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white p-2 mt-2", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, "詳細を見る")), /*#__PURE__*/ React.createElement("div", { className: "border p-4", __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, "⚾"), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }, "募集タイトル"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, "企業名"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, "勤務地：福岡"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }, "雇用形態：アルバイト"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }, "給与：時給1500円"), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white p-2 mt-2", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, "詳細を見る")))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#010101] text-white p-4", __source: { fileName: "", lineNumber: 80, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 81, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "hover:underline", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }, "ホーム"), /*#__PURE__*/ React.createElement("a", { href: "/jobs", className: "hover:underline", __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }, "募集一覧"), /*#__PURE__*/ React.createElement("a", { href: "/companies", className: "hover:underline", __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }, "企業一覧"), /*#__PURE__*/ React.createElement("a", { href: "/mypage", className: "hover:underline", __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this }, "マイページ")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 88, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this }, "会社情報: 〒123-4567 東京都新宿区1-2-3"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this }, "お問い合わせ: example@example.com"))))); }