function MainComponent() { const [year, setYear] = React.useState(''); const [teamStats, setTeamStats] = React.useState({ winRate: '', battingAverage: '', era: '' }); const fetchStats = ()=>{ // Simulation of fetching team stats based on the year // This would typically involve an API call // For this example, we're just using hardcoded values for demonstration const stats = { winRate: `勝率: ${Math.random().toFixed(3)}`, battingAverage: `打率: ${Math.random().toFixed(3)}`, era: `防御率: ${Math.random().toFixed(3)}` }; setTeamStats(stats); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4 flex gap-4 items-center", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "year", className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, "年度:"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "year", id: "year", value: year, onChange: (e)=>setYear(e.target.value), className: "border border-[#121212] p-2 w-full max-w-[200px]", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: fetchStats, className: "bg-[#010101] text-white p-2 rounded font-roboto", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, "統計情報を表示")), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, "チーム成績:"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5 font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, teamStats.winRate), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, teamStats.battingAverage), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, teamStats.era)))); }