Vercel/src/components/RepoLink.tsx
2025-02-13 17:12:45 -06:00

30 lines
787 B
TypeScript

import { TEMPLATE_REPO_NAME, TEMPLATE_REPO_URL } from '@/app-core/config';
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={TEMPLATE_REPO_URL}
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"
/>
{TEMPLATE_REPO_NAME}
</Link>
</span>
);
}