File size: 804 Bytes
246d201 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
import { NavLink } from "react-router";
import { cn } from "#/utils/utils";
import { BetaBadge } from "./beta-badge";
interface NavTabProps {
to: string;
label: string | React.ReactNode;
icon: React.ReactNode;
isBeta?: boolean;
}
export function NavTab({ to, label, icon, isBeta }: NavTabProps) {
return (
<NavLink
end
key={to}
to={to}
className={({ isActive }) =>
cn(
"px-2 border-b border-r border-neutral-600 bg-root-primary flex-1",
"first-of-type:rounded-tl-xl last-of-type:rounded-tr-xl last-of-type:border-r-0",
"flex items-center gap-2",
isActive && "bg-root-secondary",
)
}
>
{icon}
{label}
{isBeta && <BetaBadge />}
</NavLink>
);
}
|