function MainComponent() { const chargingStationsList = [ { id: 1, name: "Station 01", status: "Available", power: "22kW" }, { id: 2, name: "Station 02", status: "Occupied", power: "50kW" }, { id: 3, name: "Station 03", status: "Available", power: "22kW" }, { id: 4, name: "Station 04", status: "Out of Service", power: "22kW" }, { id: 5, name: "Station 05", status: "Available", power: "22kW" } ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f5f5f5] flex flex-col items-center py-10", __source: { fileName: "", lineNumber: 10, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center mb-10", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-5xl font-bold font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, "E-STOP"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#606060]", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "Your Charging Partner on the Go")), /*#__PURE__*/ React.createElement("main", { className: "flex flex-col items-center w-full md:w-[700px] lg:w-[900px] p-4 bg-white shadow-lg rounded-lg", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold font-roboto text-[#121212] my-5", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, "Nearby Charging Stations"), /*#__PURE__*/ React.createElement("div", { className: "w-full overflow-x-auto", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full text-left border-collapse", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "text-lg font-semibold font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "pb-4 px-4", __source: { fileName: "", lineNumber: 21, columnNumber: 17 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("th", { className: "pb-4 px-4 text-center", __source: { fileName: "", lineNumber: 22, columnNumber: 17 }, __self: this }, "Status"), /*#__PURE__*/ React.createElement("th", { className: "pb-4 px-4 text-right", __source: { fileName: "", lineNumber: 23, columnNumber: 17 }, __self: this }, "Power Output"))), /*#__PURE__*/ React.createElement("tbody", { className: "divide-y divide-gray-300", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, chargingStationsList.map((station)=>/*#__PURE__*/ React.createElement("tr", { key: station.id, className: "font-roboto text-[#121212] hover:bg-gray-100", __source: { fileName: "", lineNumber: 28, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "py-3 px-4", __source: { fileName: "", lineNumber: 29, columnNumber: 19 }, __self: this }, station.name), /*#__PURE__*/ React.createElement("td", { className: "py-3 px-4 text-center", __source: { fileName: "", lineNumber: 30, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `px-3 py-1 rounded-full font-roboto text-sm ${station.status === "Available" ? "bg-green-200 text-green-700" : station.status === "Occupied" ? "bg-yellow-200 text-yellow-700" : "bg-red-200 text-red-700"}`, __source: { fileName: "", lineNumber: 31, columnNumber: 21 }, __self: this }, station.status)), /*#__PURE__*/ React.createElement("td", { className: "py-3 px-4 text-right", __source: { fileName: "", lineNumber: 43, columnNumber: 19 }, __self: this }, station.power)))))))); }

Name	Status	Power Output
Station 01	Available	22kW
Station 02	Occupied	50kW
Station 03	Available	22kW
Station 04	Out of Service	22kW
Station 05	Available	22kW