function MainComponent() { const departments = { "LSPD": [ { name: "Officer John Doe", badgeNumber: "1234" }, { name: "Sergeant Casey Green", badgeNumber: "9101" } ], "BCSO": [ { name: "Officer Jane Smith", badgeNumber: "5678" } ], "SAHP": [ { name: "Lieutenant Alex Blue", badgeNumber: "1121" } ] }; return /*#__PURE__*/ React.createElement("div", { className: "w-full h-full flex flex-col items-center justify-center p-4 bg-gradient-to-r from-blue-900 via-gray-900 to-black", __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-crimson-text mb-6 text-white shadow-lg", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, "FiveM Active Police List"), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[800px] bg-[#2d2d2d] p-6 rounded-lg shadow-2xl", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, Object.keys(departments).map((department, deptIndex)=>/*#__PURE__*/ React.createElement("div", { key: deptIndex, className: "mb-8", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text mb-4 text-blue-300", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, department), /*#__PURE__*/ React.createElement("ul", { className: "w-full", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, departments[department].map((officer, officerIndex)=>/*#__PURE__*/ React.createElement("li", { key: officerIndex, className: "w-full p-4 mb-4 bg-[#1d1d1d] text-white rounded-lg flex justify-between items-center shadow-md transform transition duration-300 hover:scale-105 hover:bg-[#292929]", __source: { fileName: "", lineNumber: 24, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-crimson-text text-xl", __source: { fileName: "", lineNumber: 25, columnNumber: 19 }, __self: this }, officer.name), /*#__PURE__*/ React.createElement("span", { className: "font-crimson-text text-lg", __source: { fileName: "", lineNumber: 26, columnNumber: 19 }, __self: this }, "Badge #", officer.badgeNumber)))))))); } /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 37, columnNumber: 1 }, __self: this }, ` @import url('https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;700&display=swap'); `);