import React from 'react';
import Link from 'next/link';
import { Text } from '@/components/ui/text';
import CommonImage from '@/components/common/CommonImage';
import { FooterLink, links } from './user-functions';

const FooterLinks: React.FC = () => {
  return (
    <Text className="reset-admin-section flex justify-center gap-4 my-3">
      {links.map((link: FooterLink) => (
        <Link
          key={link.title}
          href={link.href}
          title={link.title}
          className={`Reset-pass capitalize btn-${link.title}`}
        >
          <CommonImage
            classname="profile-user-img img-responsive img-circle"
            src={link.icon}
            alt={link.alt ?? link.title}
            width={link.width ?? 24}
            height={link.height ?? 24}
          />
        </Link>
      ))}
    </Text>
  );
};

export default FooterLinks;