import Link from 'next/link';

interface FooterColumnProps {
  title: { name: string; route: string };
  items: { name: string; route: string }[];
}

const FooterColumn: React.FC<FooterColumnProps> = ({ title, items }) => {
  return (
    <div className='flex text-background'>
      <ul className='space-y-3'>
        <li className='pb-4 font-bold font-header'>
          <Link href={title.route} className='font-bold font-header'>
            {title.name}
          </Link>
        </li>
        {items.map((item, i) => (
          <li key={i}>
            <Link href={item.route} className='font-light'>
              {item.name}
            </Link>
          </li>
        ))}
      </ul>
    </div>
  );
};

export default FooterColumn;
