b7a9b06281
x-ref: https://github.com/vercel/next.js/pull/41913 ## Documentation / Examples - [ ] Make sure the linting passes by running `pnpm build && pnpm lint` - [ ] The "examples guidelines" are followed from [our contributing doc](https://github.com/vercel/next.js/blob/canary/contributing/examples/adding-examples.md)
18 lines
428 B
TypeScript
18 lines
428 B
TypeScript
import Link from 'next/link';
|
|
|
|
export const SectionLink = ({
|
|
children,
|
|
href,
|
|
text,
|
|
}: {
|
|
children: React.ReactNode;
|
|
href: string;
|
|
text: string;
|
|
}) => (
|
|
<Link href={href} className="group block space-y-2">
|
|
<div className="-m-[5px] rounded-[20px] border border-zinc-900 p-1 transition group-hover:border-blue-600">
|
|
{children}
|
|
</div>
|
|
<div className="font-medium text-white">{text}</div>
|
|
</Link>
|
|
);
|