mirror of https://github.com/usememos/memos
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
27 lines
658 B
TypeScript
27 lines
658 B
TypeScript
2 years ago
|
import { Tooltip } from "@mui/joy";
|
||
|
|
import Icon from "./Icon";
|
||
|
|
import { useTranslation } from "react-i18next";
|
||
|
|
|
||
|
|
interface Props {
|
||
|
|
className?: string;
|
||
|
|
url: string;
|
||
|
|
title?: string;
|
||
|
|
}
|
||
|
|
|
||
|
|
const LearnMore: React.FC<Props> = (props: Props) => {
|
||
|
|
const { className, url, title } = props;
|
||
|
|
const { t } = useTranslation();
|
||
|
|
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<Tooltip title={title ?? t("common.learn-more")} placement="top">
|
||
|
|
<a className={`text-gray-500 dark:text-gray-400 hover:text-blue-600 ${className}`} href={url} target="_blank">
|
||
|
|
<Icon.ExternalLink className="w-4 h-auto" />
|
||
|
|
</a>
|
||
|
|
</Tooltip>
|
||
|
|
</>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default LearnMore;
|