base con autenticacion, registro, modulo encuestas

apps/web/feactures/statistics/components/survey-statistics.tsx

@@ -0,0 +1,35 @@
+'use client';
+
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@repo/shadcn/card';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@repo/shadcn/tabs';
+import { useSurveysStatsQuery } from '../hooks/use-query-statistics';
+import { SurveyOverview } from './survey-overview';
+import { SurveyResponses } from './survey-responses';
+import { SurveyDetails } from './survey-details';
+
+export function SurveyStatistics() {
+  const { data, isLoading } = useSurveysStatsQuery();
+
+  if (isLoading) {
+    return <div className="flex justify-center p-8">Cargando estadísticas...</div>;
+  }
+
+  return (
+    <Tabs defaultValue="overview" className="w-full">
+      <TabsList className="grid w-full grid-cols-3">
+        <TabsTrigger value="overview">Resumen General</TabsTrigger>
+        <TabsTrigger value="responses">Respuestas</TabsTrigger>
+        <TabsTrigger value="details">Detalles por Encuesta</TabsTrigger>
+      </TabsList>
+      <TabsContent value="overview">
+        <SurveyOverview data={data} />
+      </TabsContent>
+      <TabsContent value="responses">
+        <SurveyResponses data={data} />
+      </TabsContent>
+      <TabsContent value="details">
+        <SurveyDetails data={data} />
+      </TabsContent>
+    </Tabs>
+  );
+}