function MainComponent() { const [stats] = useState({ totalVendas: "R$ 125.430", clientesAtivos: "842", pedidosPendentes: "23", visitasHoje: "156" }); const [clientesRecentes] = useState([ { id: 1, nome: "João Silva", valor: "R$ 1.200", status: "Ativo" }, { id: 2, nome: "Maria Santos", valor: "R$ 850", status: "Pendente" }, { id: 3, nome: "Pedro Costa", valor: "R$ 2.300", status: "Ativo" }, { id: 4, nome: "Ana Oliveira", valor: "R$ 750", status: "Inativo" } ]); const [atividades] = useState([ { id: 1, tipo: "novo_cliente", usuario: "Maria", data: "2024-01-15 14:30", descricao: "Novo cliente cadastrado: João Silva" }, { id: 2, tipo: "venda", usuario: "Pedro", data: "2024-01-15 13:15", descricao: "Venda finalizada: R$ 2.300" }, { id: 3, tipo: "contato", usuario: "Ana", data: "2024-01-15 11:45", descricao: "Contato agendado com Maria Santos" } ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100", __source: { fileName: "", lineNumber: 39, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-white shadow-md p-4 mb-4", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto flex justify-between items-center", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-roboto font-bold text-gray-800", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "Sistema"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-gray-600 hover:text-gray-800", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home mr-2", __source: { fileName: "", lineNumber: 47, columnNumber: 15 }, __self: this }), "Dashboard"), /*#__PURE__*/ React.createElement("a", { href: "/customers", className: "text-gray-600 hover:text-gray-800", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users mr-2", __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }), "Clientes"), /*#__PURE__*/ React.createElement("a", { href: "/customers/new", className: "text-gray-600 hover:text-gray-800", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-plus mr-2", __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }), "Novo Cliente")))), /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto p-4", __source: { fileName: "", lineNumber: 62, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-gray-800 mb-6 font-roboto", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, "Painel de Controle"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-6", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-4 shadow", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-line text-blue-500 text-2xl", __source: { fileName: "", lineNumber: 70, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "ml-4", __source: { fileName: "", lineNumber: 71, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 72, columnNumber: 17 }, __self: this }, "Total de Vendas"), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 73, columnNumber: 17 }, __self: this }, stats.totalVendas)))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-4 shadow", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users text-green-500 text-2xl", __source: { fileName: "", lineNumber: 79, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "ml-4", __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 81, columnNumber: 17 }, __self: this }, "Clientes Ativos"), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 82, columnNumber: 17 }, __self: this }, stats.clientesAtivos)))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-4 shadow", __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock text-yellow-500 text-2xl", __source: { fileName: "", lineNumber: 88, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "ml-4", __source: { fileName: "", lineNumber: 89, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 90, columnNumber: 17 }, __self: this }, "Pedidos Pendentes"), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 91, columnNumber: 17 }, __self: this }, stats.pedidosPendentes)))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-4 shadow", __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 98, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-eye text-purple-500 text-2xl", __source: { fileName: "", lineNumber: 99, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "ml-4", __source: { fileName: "", lineNumber: 100, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 101, columnNumber: 17 }, __self: this }, "Visitas Hoje"), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 102, columnNumber: 17 }, __self: this }, stats.visitasHoje))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-4 mb-6", __source: { fileName: "", lineNumber: 108, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 109, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold font-roboto", __source: { fileName: "", lineNumber: 110, columnNumber: 13 }, __self: this }, "Clientes Recentes"), /*#__PURE__*/ React.createElement("a", { href: "/customers", className: "text-blue-500 hover:text-blue-600 flex items-center", __source: { fileName: "", lineNumber: 113, columnNumber: 13 }, __self: this }, "Ver todos", /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-right ml-2", __source: { fileName: "", lineNumber: 118, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 122, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full", __source: { fileName: "", lineNumber: 123, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 124, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "border-b", __source: { fileName: "", lineNumber: 125, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "text-left py-2 px-4", __source: { fileName: "", lineNumber: 126, columnNumber: 19 }, __self: this }, "Nome"), /*#__PURE__*/ React.createElement("th", { className: "text-left py-2 px-4", __source: { fileName: "", lineNumber: 127, columnNumber: 19 }, __self: this }, "Valor"), /*#__PURE__*/ React.createElement("th", { className: "text-left py-2 px-4", __source: { fileName: "", lineNumber: 128, columnNumber: 19 }, __self: this }, "Status"), /*#__PURE__*/ React.createElement("th", { className: "text-left py-2 px-4", __source: { fileName: "", lineNumber: 129, columnNumber: 19 }, __self: this }, "Ações"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 132, columnNumber: 15 }, __self: this }, clientesRecentes.map((cliente)=>/*#__PURE__*/ React.createElement("tr", { key: cliente.id, className: "border-b hover:bg-gray-50", __source: { fileName: "", lineNumber: 134, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4", __source: { fileName: "", lineNumber: 135, columnNumber: 21 }, __self: this }, cliente.nome), /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4", __source: { fileName: "", lineNumber: 136, columnNumber: 21 }, __self: this }, cliente.valor), /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4", __source: { fileName: "", lineNumber: 137, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `px-2 py-1 rounded-full text-xs ${cliente.status === "Ativo" ? "bg-green-100 text-green-800" : cliente.status === "Pendente" ? "bg-yellow-100 text-yellow-800" : "bg-red-100 text-red-800"}`, __source: { fileName: "", lineNumber: 138, columnNumber: 23 }, __self: this }, cliente.status)), /*#__PURE__*/ React.createElement("td", { className: "py-2 px-4", __source: { fileName: "", lineNumber: 150, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: `/customers/new`, className: "text-blue-500 hover:text-blue-600 mr-2", __source: { fileName: "", lineNumber: 151, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-edit", __source: { fileName: "", lineNumber: 155, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "text-red-500 hover:text-red-600", __source: { fileName: "", lineNumber: 157, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash", __source: { fileName: "", lineNumber: 158, columnNumber: 25 }, __self: this }))))))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-4", __source: { fileName: "", lineNumber: 168, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-4 font-roboto", __source: { fileName: "", lineNumber: 169, columnNumber: 11 }, __self: this }, "Últimas Atividades"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 172, columnNumber: 11 }, __self: this }, atividades.map((atividade)=>/*#__PURE__*/ React.createElement("div", { key: atividade.id, className: "flex items-start space-x-4 p-3 hover:bg-gray-50 rounded-lg", __source: { fileName: "", lineNumber: 174, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `rounded-full p-2 ${atividade.tipo === "novo_cliente" ? "bg-green-100 text-green-600" : atividade.tipo === "venda" ? "bg-blue-100 text-blue-600" : "bg-yellow-100 text-yellow-600"}`, __source: { fileName: "", lineNumber: 178, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${atividade.tipo === "novo_cliente" ? "fa-user-plus" : atividade.tipo === "venda" ? "fa-shopping-cart" : "fa-calendar"}`, __source: { fileName: "", lineNumber: 187, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 197, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 198, columnNumber: 19 }, __self: this }, atividade.descricao), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mt-1 text-xs text-gray-500", __source: { fileName: "", lineNumber: 199, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user mr-1", __source: { fileName: "", lineNumber: 200, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 201, columnNumber: 21 }, __self: this }, atividade.usuario), /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock ml-3 mr-1", __source: { fileName: "", lineNumber: 202, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 203, columnNumber: 21 }, __self: this }, atividade.data))))))))); }

Nome	Valor	Status
João Silva	R$ 1.200	Ativo
Maria Santos	R$ 850	Pendente
Pedro Costa	R$ 2.300	Ativo
Ana Oliveira	R$ 750	Inativo