Vercel/src/components/RepoLink.tsx
2024-01-06 13:50:15 -06:00

29 lines
733 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-0.5',
'text-main hover:text-main',
'hover:underline',
)}
>
<BiLogoGithub
size={16}
className="translate-y-[0.5px] hidden xs:inline-block"
/>
exif-photo-blog
</Link>
</span>
);
}