import { AppContainer } from "./AppContainer"; import { Icons } from "./Icons"; import { classed } from "@tw-classed/react"; import { NAVIGATION, SOCIALS_FOOTER } from "../app/settings"; import Link from "next/link"; import { LABELS } from "../content"; const NavLabel = classed.span("flex gap-2 items-center font-sans text-white-100 text-sm duration-300", { variants: { hover: { true: "hover:text-gold", }, }, }); export const AppFooter = () => { return (
{LABELS.COMMON.FOOTER.TITLE}
{NAVIGATION.map(({ label, href, external }, index) => { if (external) return null; return ( {label} ); })}
{NAVIGATION.map(({ label, href, external }, index) => { if (!external) return null; return ( {label} ); })}
{SOCIALS_FOOTER.map(({ label, href, external, icon }, index) => { return ( {icon} {label} ); })}
); };