function MainComponent({ playerPosition, enemyData, items, dps }) { return /*#__PURE__*/ React.createElement("div", { className: "relative w-full h-[600px] bg-[#1e293b] overflow-hidden", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-x-0 top-4 right-4 text-white font-roboto", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "DPS: ", dps), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-0 left-[50%] translate-x-[-50%]", style: { transform: `translateX(${playerPosition}px)` }, __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[30px] h-[30px] bg-blue-600 rounded-full animate-pulse shadow-lg shadow-blue-500/50", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this })), enemyData.map((enemy, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "absolute animate-[drop_1s_infinite_ease-in]", style: { top: `${enemy.y}%`, left: `${enemy.x}%` }, __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[56px] h-[56px] bg-red-600 rounded-lg flex items-center justify-center font-roboto text-[#ffffff]", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, enemy.health))), items.map((item, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "absolute opacity-75 animate-[float_3s_infinite_ease-in-out]", style: { top: `${item.y}%`, left: `${item.x}%` }, __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-[48px] h-[48px] bg-green-500 rounded-full flex items-center justify-center font-roboto text-[#ffffff]`, __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fa ${item.icon}`, __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }))))); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 32, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { playerPosition: 20, dps: 250, enemyData: [ { x: 50, y: 20, health: 10 }, { x: 30, y: 60, health: 5 } ], items: [ { x: 70, y: 40, icon: "fa-arrow-up" }, { x: 15, y: 50, icon: "fa-heart" } ], __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this })); }