text: import React from "react";
  
  import { Link } from "react-router-dom";
  
  // Constants
  import { FOOTER_LINKS } from "constants/links";
  
  /**
   * Component containing text links that will appear in the footer.
   *
   * @example
   * return (
   *   <TextLinks />
   * )
   * @returns {React.Component} The text links component
   */
  function TextLinks() {
    const linkClasses = "footer-link no-underline text-grey hover:text-primary";
  
    return (
      <div className="flex flex-wrap justify-between bottom-0 w-full mb-5 text-xs">
        {FOOTER_LINKS.map((link, index) => (
          <>
            {link.type == "link" && (
              <Link
                key={index}
                className={linkClasses}
                to={link.value}
                aria-label={link.label}
              >
                {link.label}
              </Link>
            )}
            {link.type == "mail" && (
              <a
                key={index}
                className={linkClasses}
                href={`mailto:${link.value}`}
                aria-label={link.label}
              >
                {link.label}
              </a>
            )}
          </>
        ))}
      </div>
    );
  }
  
  export default TextLinks;
  