function ProductStatusList({ products }) { return /*#__PURE__*/ React.createElement("ul", { className: "list-none p-0", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, products.map((product, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "mb-2 p-2 border rounded", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, product.name))); } function ProductStatusListStory() { const products = [ { name: "新規未認証" }, { name: "新規認証済み" }, { name: "オールド未認証" }, { name: "オールド認証済み" } ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ProductStatusList, { products: products, __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this })); } function ProductList({ products }) { return /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, products.map((product, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "mb-2 p-2 border rounded", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, product.name))); } function ProductListStory() { const sampleProducts = [ { name: 'Product 1' }, { name: 'Product 2' }, { name: 'Product 3' } ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ProductList, { products: sampleProducts, __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this })); } function MainComponent() { const products = [ { name: "未認証新規" }, { name: "認証済み新規" }, { name: "未認証オールド" }, { name: "認証済みオールド" } ]; return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 10, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ProductStatusList, { products: products, __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(ProductList, { products: products, __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this })); }