function MainComponent({ csvText, chartImageUrl }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center py-10 space-y-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, chartImageUrl ? /*#__PURE__*/ React.createElement("img", { src: chartImageUrl, alt: "Generated chart from CSV data", className: "max-w-md", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }) : /*#__PURE__*/ React.createElement("textarea", { name: "csv-input", placeholder: "CSVデータを入力してください。", className: "w-[300px] h-[200px] border border-[#121212] p-2", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-[#121212] text-white font-roboto", type: "button", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, "グラフ生成")); } function StoryComponent() { const csvTextSample = "Time,Sales\nQ1,120\nQ2,90\nQ3,150\nQ4,130"; const chartImageUrlSample = "path/to/generated/chart.jpg"; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 25, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-10", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl text-[#121212] mb-5", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, "CSVテキスト入力なし（初期状態）"), /*#__PURE__*/ React.createElement(MainComponent, { __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl text-[#121212] mb-5", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, "CSVから生成されたグラフ"), /*#__PURE__*/ React.createElement(MainComponent, { csvText: csvTextSample, chartImageUrl: chartImageUrlSample, __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }))); }