localgreenchain/components/footer.tsx
2023-08-09 21:34:23 +00:00

31 lines
874 B
TypeScript

import Link from "next/link"
import { DrupalMenuLinkContent } from "next-drupal"
interface FooterProps {
links: DrupalMenuLinkContent[]
}
export function Footer({ links }: FooterProps) {
return (
<footer className="border-t">
<div className="container px-6 py-12 mx-auto">
<div className="flex flex-col items-center justify-between text-sm md:flex-row">
<p className="mb-6 md:mb-0">
© {new Date().getFullYear()} Next.js + Drupal
</p>
{links?.length ? (
<ul className="flex gap-4">
{links.map((link) => (
<li key={link.id}>
<Link href={link.url} passHref>
<a>{link.title}</a>
</Link>
</li>
))}
</ul>
) : null}
</div>
</div>
</footer>
)
}