import * as React from "react" import Link from "next/link" import { cn } from "@/lib/utils" import { Separator } from "@/components/ui/separator" import { Logo } from "@/components/shared/logo" import { FOOTER_NAV } from "@/lib/constants" const FOOTER_COLUMNS = [ { title: "Product", links: FOOTER_NAV.product }, { title: "Resources", links: FOOTER_NAV.resources }, { title: "Legal", links: FOOTER_NAV.legal }, ] export interface SocialLink { label: string href: string icon: React.ComponentType<{ className?: string }> } export interface FooterProps { /** Brand name shown in the copyright line. */ brandName?: string /** Social media links rendered in the bottom bar. */ socialLinks?: SocialLink[] /** Optional slot for an email capture form below the brand description. */ emailCapture?: React.ReactNode /** Optional slot for extra legal links (e.g. cookie settings) in the bottom bar. */ legalExtra?: React.ReactNode /** Optional slot for an auth-aware account column. */ accountColumn?: React.ReactNode className?: string } /** * Site footer with product/resources/legal columns, email capture, * social links, and copyright line. * * @example *