You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
25 lines
573 B
25 lines
573 B
import { cn } from "@core/utils/cn.ts";
|
|
import {
|
|
Link as RouterLink,
|
|
LinkProps as RouterLinkProps,
|
|
} from "@tanstack/react-router";
|
|
|
|
export interface LinkProps extends RouterLinkProps {
|
|
href: string;
|
|
children?: React.ReactNode;
|
|
className?: string;
|
|
}
|
|
|
|
export const Link = ({ href, children, className }: LinkProps) => (
|
|
<RouterLink
|
|
to={href}
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className={cn(
|
|
"font-medium text-slate-900 underline underline-offset-4 dark:text-slate-200",
|
|
className,
|
|
)}
|
|
>
|
|
{children}
|
|
</RouterLink>
|
|
);
|
|
|