function MainComponent() { const [jobListings, setJobListings] = React.useState([ { title: "フロントエンド開発者", location: "東京", salary: "500万円", link: "#" }, { title: "バックエンド開発者", location: "大阪", salary: "600万円", link: "#" }, { title: "プロダクトマネージャー", location: "福岡", salary: "700万円", link: "#" } ]); const [searchTerm, setSearchTerm] = React.useState(''); const [location, setLocation] = React.useState(''); const [salaryRange, setSalaryRange] = React.useState(''); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f0f2f5] py-8", __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-[#333] font-roboto", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, "求人情報スクレイピングサービス"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-[#666] mt-2 font-roboto", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "wantedly.comから最新の求人情報を自動で収集")), /*#__PURE__*/ React.createElement("div", { className: "mt-6 flex gap-4", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "職種、キーワード", className: "flex-1 p-4 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500", value: searchTerm, onChange: (e)=>setSearchTerm(e.target.value), name: "search", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "場所", className: "flex-1 p-4 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500", value: location, onChange: (e)=>setLocation(e.target.value), name: "location", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "給与範囲", className: "flex-1 p-4 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500", value: salaryRange, onChange: (e)=>setSalaryRange(e.target.value), name: "salaryRange", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("section", { className: "mt-8", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded-lg p-6", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-[#333] font-roboto border-b pb-4", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "求人リスト"), /*#__PURE__*/ React.createElement("ul", { className: "divide-y", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, jobListings.filter((job)=>(searchTerm === '' || job.title.includes(searchTerm)) && (location === '' || job.location.includes(location)) && (salaryRange === '' || job.salary.includes(salaryRange))).map((job, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "py-4 flex items-center", __source: { fileName: "", lineNumber: 53, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-grow", __source: { fileName: "", lineNumber: 54, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg font-medium text-[#333]", __source: { fileName: "", lineNumber: 55, columnNumber: 21 }, __self: this }, job.title), /*#__PURE__*/ React.createElement("p", { className: "text-[#666]", __source: { fileName: "", lineNumber: 56, columnNumber: 21 }, __self: this }, job.location, " - ", job.salary)), /*#__PURE__*/ React.createElement("a", { href: job.link, target: "_blank", rel: "noopener noreferrer", className: "text-blue-500 hover:text-blue-600 transition duration-300", __source: { fileName: "", lineNumber: 58, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-external-link-alt", __source: { fileName: "", lineNumber: 59, columnNumber: 21 }, __self: this }))))))))); }