28 lines
844 B
TypeScript
28 lines
844 B
TypeScript
import Link from "next/link.js";
|
|
|
|
interface Props {
|
|
title: string;
|
|
logo?: string;
|
|
version?: string;
|
|
}
|
|
|
|
export const NavTitle: React.FC<Props> = ({ title, logo, version }) => {
|
|
return (
|
|
<Link
|
|
href="/"
|
|
aria-label="Home page"
|
|
className="flex items-center font-extrabold text-xl sm:text-2xl text-slate-900 dark:text-white"
|
|
>
|
|
{logo && (
|
|
<img src={logo} alt={title} className="nav-logo mr-1 fill-white" />
|
|
)}
|
|
{title && <span>{title}</span>}
|
|
{version && (
|
|
<span className="inline-flex items-center rounded-full bg-gray-50 ml-2 px-2 py-1 text-xs font-medium text-gray-600 ring-1 ring-inset ring-gray-500/10">
|
|
{version}
|
|
</span>
|
|
)}
|
|
</Link>
|
|
);
|
|
};
|