memos/web/src/components/MemoContent/Link.tsx

19 lines
341 B
TypeScript

interface Props {
text: string;
url: string;
}
const Link: React.FC<Props> = ({ text, url }: Props) => {
return (
<a
className="text-blue-600 dark:text-blue-400 cursor-pointer underline break-all hover:opacity-80 decoration-1"
href={url}
target="_blank"
>
{text}
</a>
);
};
export default Link;