Footer 4

1import Link from "next/link";
2import { type ComponentPropsWithRef } from "react";
3import type { Footer_4_Block } from "~/payload-types";
4import { cn } from "@/registry/default/utils";
5 
6export * from "./config";
7 
8export default function Footer_4({
9	links,
10	copyright,
11	className,
12	...divProps
13}: Footer_4_Block & ComponentPropsWithRef<"div">) {
14	return (
15		<footer
16			className={cn("border-b bg-white py-12 dark:bg-transparent", className)}
17			{...divProps}
18		>
19			<div className="mx-auto max-w-5xl px-6">
20				<div className="flex flex-wrap justify-between gap-6">
21					<span className="text-muted-foreground order-last block text-center text-sm md:order-first">
22						© {new Date().getFullYear()} {copyright}
23					</span>
24					<div className="order-first flex flex-wrap justify-center gap-6 text-sm md:order-last">
25						{links?.map((link, index) => (
26							<Link
27								key={index}
28								href={link.href}
29								className="text-muted-foreground hover:text-primary block duration-150"
30							>
31								<span>{link.label}</span>
32							</Link>
33						))}
34					</div>
35				</div>
36			</div>
37		</footer>
38	);
39}