function MainComponent() { const [searchTerm, setSearchTerm] = React.useState(""); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col items-center justify-center bg-gray-100 p-4", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-6 text-[#1a202c] font-crimson-text", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, "競馬データベース"), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-lg", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "search", type: "text", placeholder: "検索...", value: searchTerm, onChange: (e)=>setSearchTerm(e.target.value), className: "w-full p-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-400", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-6 grid gap-4 grid-cols-1 md:grid-cols-2 lg:grid-cols-3", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-md shadow-md w-full", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-xl mb-2", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "サンプルデータ1"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "このデータは趣味で競馬を楽しむためのものです。")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-md shadow-md w-full", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-xl mb-2", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "サンプルデータ2"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "データの詳細な分析を行いましょう。")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-md shadow-md w-full", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-bold text-xl mb-2", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "サンプルデータ3"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "結果を保存して将来に役立てましょう。")))); }