hamid zarghami
26 lines
600 B
TypeScript
26 lines
600 B
TypeScript
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;
|