maher
19 lines
519 B
TypeScript
Executable File
19 lines
519 B
TypeScript
Executable File
import {ComponentPropsWithRef} from 'react';
|
|
|
|
export const LinkStyle =
|
|
'text-link hover:underline hover:text-primary-dark focus-visible:ring focus-visible:ring-2 focus-visible:ring-offset-2 outline-none rounded transition-colors';
|
|
|
|
interface ExternalLinkProps extends ComponentPropsWithRef<'a'> {}
|
|
export function ExternalLink({
|
|
children,
|
|
className,
|
|
target = '_blank',
|
|
...domProps
|
|
}: ExternalLinkProps) {
|
|
return (
|
|
<a className={LinkStyle} target={target} {...domProps}>
|
|
{children}
|
|
</a>
|
|
);
|
|
}
|