function MainComponent({ countdown }) { let display; if (countdown === 0) { display = /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-4xl font-bold text-red-600", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, "💥"), /*#__PURE__*/ React.createElement("div", { className: "text-xl font-roboto", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "NỔ")); } else { display = /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-[200px] w-[200px] rounded-full bg-blue-200", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-6xl font-bold font-roboto text-blue-900", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, countdown)); } return display; } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { countdown: 20, __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { countdown: 10, __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { countdown: 5, __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { countdown: 1, __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { countdown: 0, __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this })); }