function MainComponent() { const salesCash = 5000; const salesCredit = 3000; const purchasesCash = 7000; const purchasesCredit = 2000; const brandsSold = [ { brand: 'Coca-Cola', quantity: 100, total: 1500 }, { brand: 'Pepsi', quantity: 80, total: 1200 }, { brand: 'Fanta', quantity: 60, total: 900 } ]; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto p-4", __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, "Dashboard de Bodega de Bebidas"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#f3f4f6] p-4 rounded", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "Ventas Totales"), /*#__PURE__*/ React.createElement("p", { className: "mt-2", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, "Contado: $", salesCash), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "Crédito: $", salesCredit)), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f3f4f6] p-4 rounded", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "Compras Totales"), /*#__PURE__*/ React.createElement("p", { className: "mt-2", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "Contado: $", purchasesCash), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "Crédito: $", purchasesCredit))), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, "Marcas Vendidas Hoy"), /*#__PURE__*/ React.createElement("table", { className: "min-w-full bg-white", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 bg-[#e5e7eb] font-semibold text-left", __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }, "Marca"), /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 bg-[#e5e7eb] font-semibold text-left", __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this }, "Cantidad"), /*#__PURE__*/ React.createElement("th", { className: "py-2 px-4 bg-[#e5e7eb] font-semibold text-left", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, "Total"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, brandsSold.map((brand)=>/*#__PURE__*/ React.createElement("tr", { key: brand.brand, __source: { fileName: "", lineNumber: 39, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4 border-b", __source: { fileName: "", lineNumber: 40, columnNumber: 17 }, __self: this }, brand.brand), /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4 border-b", __source: { fileName: "", lineNumber: 41, columnNumber: 17 }, __self: this }, brand.quantity), /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4 border-b", __source: { fileName: "", lineNumber: 42, columnNumber: 17 }, __self: this }, "$", brand.total))))))); }

Marca	Cantidad	Total
Coca-Cola	100	$1500
Pepsi	80	$1200
Fanta	60	$900