import Link from 'next/link';
import FooterMenuBuilderWrapper from './FooterMenuBuilderWrapper';

export default function FooterMenuBuilder({
  title,
  links = [],
  className = '',
}: {
  title: string;
  links?: { title: string; link: string }[];
  className?: string;
}) {
  return (
    <FooterMenuBuilderWrapper title={title} className={className}>
      <div className="flex flex-col gap-4">
        {links.map((link) => (
          <Link
            title={link.title}
            href={link.link}
            className="text-sm tracking-tight text-gray-100 hover:text-gray-200"
            key={link.title}
          >
            {link.title}
          </Link>
        ))}
      </div>
    </FooterMenuBuilderWrapper>
  );
}
