function MainComponent({ name, iconClass, count }) { return /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between p-4 bg-[#1E293B] text-white w-[300px] rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${iconClass} text-3xl`, __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-4 font-roboto", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, name)), /*#__PURE__*/ React.createElement("span", { className: "font-roboto", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, "x", count)); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { name: "Blackjack", iconClass: "fas fa-spade", count: 3, __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { name: "Roulette", iconClass: "fas fa-circle-notch", count: 2, __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { name: "Poker", iconClass: "fas fa-heart", count: 5, __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { name: "Slots", iconClass: "fas fa-lemon", count: 4, __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this })); }