Componente Reporte
This commit is contained in:
parent
f6c573c1fe
commit
6fd0d7bdba
ventaboletos/src/components/reportes
|
@ -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;
|
Loading…
Reference in New Issue