mirror of
https://github.com/Sonny93/my-links.git
synced 2025-12-08 14:43:24 +00:00
27 lines
597 B
TypeScript
27 lines
597 B
TypeScript
import { Anchor, CSSProperties } from '@mantine/core';
|
|
import { AnchorHTMLAttributes, ReactNode } from 'react';
|
|
|
|
interface ExternalLinkUnstyledProps
|
|
extends AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
children: ReactNode;
|
|
style?: CSSProperties;
|
|
title?: string;
|
|
className?: string;
|
|
newTab?: boolean;
|
|
}
|
|
export const ExternalLinkUnstyled = ({
|
|
children,
|
|
newTab = true,
|
|
...props
|
|
}: ExternalLinkUnstyledProps) => (
|
|
<Anchor
|
|
component="a"
|
|
target={newTab ? '_blank' : undefined}
|
|
rel="noreferrer"
|
|
{...props}
|
|
style={{ ...props.style, textDecoration: 'none' }}
|
|
>
|
|
{children}
|
|
</Anchor>
|
|
);
|