32 lines
798 B
TypeScript
32 lines
798 B
TypeScript
|
import { siteConfig } from "@/config/site";
|
||
|
|
import { ArrowRightIcon } from "lucide-react";
|
||
|
|
|
||
|
|
interface BannerProps {
|
||
|
|
className?: string;
|
||
|
|
link?: string;
|
||
|
|
text?: string;
|
||
|
|
}
|
||
|
|
|
||
|
|
export function Banner({
|
||
|
|
className,
|
||
|
|
link = siteConfig.url.repo.github,
|
||
|
|
text = "Star this project if you like it.",
|
||
|
|
...props
|
||
|
|
}: BannerProps) {
|
||
|
|
return (
|
||
|
|
<div className={className} {...props}>
|
||
|
|
<p className="flex justify-center text-sm">
|
||
|
|
<a href={link} className="group">
|
||
|
|
<span className="me-1 text-base leading-none">✨</span>
|
||
|
|
{text}
|
||
|
|
<ArrowRightIcon
|
||
|
|
className="ms-2 -mt-0.5 inline-flex opacity-60 transition-transform group-hover:translate-x-0.5"
|
||
|
|
size={16}
|
||
|
|
aria-hidden="true"
|
||
|
|
/>
|
||
|
|
</a>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|