52 lines
1.6 KiB
JavaScript
52 lines
1.6 KiB
JavaScript
import { Button } from "@/components/ui/button";
|
|
import {
|
|
Card,
|
|
CardContent,
|
|
CardDescription,
|
|
CardFooter,
|
|
CardHeader,
|
|
CardTitle,
|
|
} from "@/components/ui/card";
|
|
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
|
|
import Informacion from "@/components/vistas/Informacion";
|
|
import Reporte from "@/components/vistas/Reporte";
|
|
|
|
export default function ConcertList() {
|
|
return (
|
|
<div className="w-screen flex flex-col items-center pt-10">
|
|
<div className="flex flex-col items-center w-[80%]">
|
|
<Tabs defaultValue="account" className="w-full">
|
|
<TabsList className="grid w-full grid-cols-2">
|
|
<TabsTrigger value="info">Información</TabsTrigger>
|
|
<TabsTrigger value="reportes">Reportes</TabsTrigger>
|
|
</TabsList>
|
|
<TabsContent value="info">
|
|
<Card>
|
|
<CardHeader>
|
|
<CardTitle></CardTitle>
|
|
<CardDescription></CardDescription>
|
|
</CardHeader>
|
|
<CardContent className="space-y-2">
|
|
<Informacion />
|
|
</CardContent>
|
|
<CardFooter></CardFooter>
|
|
</Card>
|
|
</TabsContent>
|
|
<TabsContent value="reportes">
|
|
<Card>
|
|
<CardHeader>
|
|
<CardTitle></CardTitle>
|
|
<CardDescription></CardDescription>
|
|
</CardHeader>
|
|
<CardContent className="space-y-2">
|
|
<Reporte />
|
|
</CardContent>
|
|
<CardFooter></CardFooter>
|
|
</Card>
|
|
</TabsContent>
|
|
</Tabs>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|