/*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center min-h-screen bg-gray-200", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-8 bg-white rounded shadow-md", __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, "Snake and Ladder Game"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-10 gap-4", __source: { fileName: "", lineNumber: 4, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "col-span-8", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-10 gap-1 bg-gray-100 p-4", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, Array.from({ length: 100 }, (_, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "relative", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, index === 12 && /*#__PURE__*/ React.createElement(React.Fragment, null), index === 0 && /*#__PURE__*/ React.createElement("div", { className: "absolute w-6 h-6 rounded-full bg-green-500 top-1/2 left-1/2 transform -translate-y-1/2 -translate-x-1/2", __source: { fileName: "", lineNumber: 13, columnNumber: 17 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "col-span-2", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-2", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, "Legend:"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-1", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-4 h-4 bg-red-500 mr-2", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "Snake")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-4 h-4 bg-green-500 mr-2", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "Player"))))));