File "external-link.tsx"
Full Path: /home/markqprx/iniasli.pro/client/ui/buttons/external-link.tsx
File size: 522 bytes
MIME-type: text/plain
Charset: utf-8
import {ComponentPropsWithRef} from 'react';
export const LinkStyle =
'text-primary 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>
);
}