export const Footer = () => {
    const footerLinks = [
        {
            href: "#projects",
            text: "Projects",
        },
        {
            href: "#contact",
            text: "Contact",
        },
        {
            href: "#privacy",
            text: "Privacy Policy",
        },
        {
            href: "https://stats.uptimerobot.com/83xx6s98Y",
            text: "Status",
            external: true,
        },
    ];

    return (
        <>
            {footerLinks.map((link, index) => (
                <>
                    {index > 0 && " · "}
                    <a
                        href={link.href}
                        target={link.external ? "_blank" : undefined}
                        rel={link.external ? "noopener" : undefined}
                    >
                        {link.external && (
                            <>
                                <i className="icon-new_tab"></i>{" "}
                            </>
                        )}
                        {link.text}
                    </a>
                </>
            ))}
        </>
    );
};