function MainComponent({ selectedCategory, onSelectCategory }) { return /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("select", { className: "w-full bg-[#f0f0f0] p-2 font-roboto", value: selectedCategory, onChange: (e)=>onSelectCategory(e.target.value), name: "category-select", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "Cのこと", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, "Cのこと"), /*#__PURE__*/ React.createElement("option", { value: "こころのこと", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, "こころのこと"), /*#__PURE__*/ React.createElement("option", { value: "あなたのこと", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, "あなたのこと"), /*#__PURE__*/ React.createElement("option", { value: "たいせつなこと", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "たいせつなこと"), /*#__PURE__*/ React.createElement("option", { value: "おぼえておくこと", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, "おぼえておくこと"), /*#__PURE__*/ React.createElement("option", { value: "ゴルフのこと", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, "ゴルフのこと"), /*#__PURE__*/ React.createElement("option", { value: "からだのこと", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, "からだのこと"), /*#__PURE__*/ React.createElement("option", { value: "その他", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, "その他"))); } function StoryComponent() { const [category, setCategory] = React.useState('Cのこと'); return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 27, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { selectedCategory: category, onSelectCategory: setCategory, __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this })); }