packages/pass/components/Layout/Breadcrumbs/Breadcrumb.tsx

   1 import { type FC } from 'react';
   2 import { Link } from 'react-router-dom';
   3
   4 import clsx from '@proton/utils/clsx';
   5
   6 type Props = { active: boolean; label: string; first?: boolean; to?: string };
   7
   8 export const Breadcrumb: FC<Props> = ({ active, label, first = false, to = '#' }) => (
   9     <>
  10         {!first && <span className="mx-1">{'>'}</span>}
  11         <Link to={to}>
  12             <button className={clsx(active && 'text-semibold', 'color-norm')}> {label}</button>
  13         </Link>
  14     </>
  15 );