src/breadcrumb_item.tsx
import { clsx } from "clsx";
import type { ComponentProps, FC } from "react";
type Props = {
active?: boolean;
};
export const BreadcrumbItem: FC<
Omit<ComponentProps<"li">, keyof Props> & Props
> = ({ active, className, ...props }) => (
<li {...props} className={clsx(active && "is-active", className)} />
);