Componente Reporte

ventaboletos/src/components/reportes/Reporte.jsx

@@ -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;