import { type FC } from "react";

type Props = {
  title: string;
  links: string[];
};

const FooterLinkColumn: FC<Props> = ({ title, links }) => {
  return (
    <div className="flex flex-col gap-3">
      <h3 className="text-sm font-bold text-[#0A1B2C]">{title}</h3>
      <ul className="flex flex-col gap-2.5">
        {links.map((link) => (
          <li key={link}>
            <a href="#" className="text-sm text-[#3A4147] transition-colors hover:text-primary">
              {link}
            </a>
          </li>
        ))}
      </ul>
    </div>
  );
};

export default FooterLinkColumn;
