28 lines
954 B
TypeScript
28 lines
954 B
TypeScript
|
// 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>
|
||
|
|
);
|
||
|
|
};
|