Preparación Legislativas Nacionales 2025

Elecciones-Web/frontend/src/features/legislativas/nacionales/components/Breadcrumbs.tsx

@@ -0,0 +1,28 @@
+// src/features/legislativas/nacionales/components/Breadcrumbs.tsx
+interface BreadcrumbsProps {
+  nivel: 'pais' | 'provincia' | 'municipio';
+  nombreAmbito: string;
+  nombreProvincia?: string;
+  onReset: () => void;
+  onVolverProvincia: () => void;
+}
+
+export const Breadcrumbs = ({ nivel, nombreAmbito, nombreProvincia, onReset, onVolverProvincia }: BreadcrumbsProps) => {
+  return (
+    <div className="breadcrumbs">
+      {nivel !== 'pais' && (
+        <>
+          <button onClick={onReset} className="breadcrumb-link">Argentina</button>
+          <span className="breadcrumb-separator">{'>'}</span>
+        </>
+      )}
+      {nivel === 'municipio' && nombreProvincia && (
+        <>
+          <button onClick={onVolverProvincia} className="breadcrumb-link">{nombreProvincia}</button>
+          <span className="breadcrumb-separator">{'>'}</span>
+        </>
+      )}
+      <span className="breadcrumb-actual">{nombreAmbito}</span>
+    </div>
+  );
+};