function BattingDataDisplay({ date, opponent, results }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 shadow rounded overflow-y-auto", style: { maxHeight: '300px' }, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-[#585858] font-roboto mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "全打席の結果"), /*#__PURE__*/ React.createElement("div", { className: "text-lg font-roboto", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, date), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, opponent)), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, results.map((result, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "text-lg text-[#666] py-1", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, result)))); } function BattingDataDisplayStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(BattingDataDisplay, { date: "2023-10-05", opponent: "Dragons", results: [ 'ヒット', 'アウト', 'ヒット' ], __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this })); } function MainComponent() { const results = [ { date: "2023-10-05", opponent: "Dragons", outcomes: [ 'ヒット', 'アウト', 'ヒット' ] }, { date: "2023-10-06", opponent: "Tigers", outcomes: [ 'アウト', 'ヒット', 'アウト' ] } ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#F3F4F6] p-4", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-center text-[#333] font-roboto mb-6", __source: { fileName: "", lineNumber: 10, columnNumber: 17 }, __self: this }, "大谷の全打席の結果"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 11, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 shadow rounded", __source: { fileName: "", lineNumber: 12, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-[#585858] font-roboto mb-4", __source: { fileName: "", lineNumber: 13, columnNumber: 25 }, __self: this }, "打者成績"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 14, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "text-lg text-[#666] font-roboto py-1", __source: { fileName: "", lineNumber: 15, columnNumber: 29 }, __self: this }, "打率: .276"), /*#__PURE__*/ React.createElement("li", { className: "text-lg text-[#666] font-roboto py-1", __source: { fileName: "", lineNumber: 16, columnNumber: 29 }, __self: this }, "ホームラン: 34"), /*#__PURE__*/ React.createElement("li", { className: "text-lg text-[#666] font-roboto py-1", __source: { fileName: "", lineNumber: 17, columnNumber: 29 }, __self: this }, "打点: 89"))), results.map((result, index)=>/*#__PURE__*/ React.createElement(BattingDataDisplay, { key: index, date: result.date, opponent: result.opponent, results: result.outcomes, __source: { fileName: "", lineNumber: 21, columnNumber: 25 }, __self: this }))))); }