import { extendCommonContentStylesheet } from "@devowl-wp/web-cookie-banner";

import { useStylesheet } from "../../../contexts/stylesheet.js";

import type { AnchorHTMLAttributes, FC } from "react";

const FooterLink: FC<AnchorHTMLAttributes<HTMLAnchorElement>> = ({ children, ...anchorRest }) => {
    const { FooterLink } = useStylesheet().extend(...extendCommonContentStylesheet);
    return <FooterLink {...anchorRest}>{children}</FooterLink>;
};

export { FooterLink };
