Componente Reporte

This commit is contained in:
Benito 2025-03-05 07:25:15 -06:00
parent f6c573c1fe
commit 6fd0d7bdba
1 changed files with 28 additions and 0 deletions
ventaboletos/src/components/reportes

View File

@ -0,0 +1,28 @@
import React from 'react';
import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs";
function Reporte() {
return (
<div className="w-full max-w-2xl mx-auto p-4">
<h2 className="text-xl font-semibold mb-4">Reporte de Ventas</h2>
<Tabs defaultValue="diario" className="w-full">
<TabsList className="flex space-x-2">
<TabsTrigger value="diario">Diario</TabsTrigger>
<TabsTrigger value="semanal">Semanal</TabsTrigger>
<TabsTrigger value="mensual">Mensual</TabsTrigger>
</TabsList>
<TabsContent value="diario">
<div className="p-4 border rounded-md">Reporte Diario: Aquí se mostrarán los boletos vendidos por día.</div>
</TabsContent>
<TabsContent value="semanal">
<div className="p-4 border rounded-md">Reporte Semanal: Aquí se mostrarán los boletos vendidos por semana.</div>
</TabsContent>
<TabsContent value="mensual">
<div className="p-4 border rounded-md">Reporte Mensual: Aquí se mostrarán los boletos vendidos por mes.</div>
</TabsContent>
</Tabs>
</div>
);
}
export default Reporte;