Vercel/src/components/RepoLink.tsx

26 lines
692 B
TypeScript

import { clsx } from 'clsx/lite';
import Link from 'next/link';
import { BiLogoGithub } from 'react-icons/bi';
export default function RepoLink() {
return (
<span className="inline-flex items-center gap-2 whitespace-nowrap">
<span className="hidden sm:inline-block">
Made with
</span>
<Link
href="http://github.com/sambecker/exif-photo-blog"
target="_blank"
className={clsx(
'flex items-center gap-1',
'text-black dark:text-white',
'hover:underline',
)}
>
<BiLogoGithub className="translate-y-[1px] hidden xs:inline-block" />
exif-photo-blog
</Link>
</span>
);
}