borderless/dist/Footer.js

Componentes da Borderless

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
const currentYear = new Date().getFullYear();
export const Footer = ({ theme = "light", useGradient = false, gradientColors = ["#4A00E0", "#8E2DE2"], gradientDirection = "to right", backgroundColor = theme === "dark" ? "#1e1e1e" : "#f9f9f9", logoVariant = theme, }) => {
    const isDark = theme === "dark";
    const bgStyle = useGradient
        ? {
            backgroundImage: `linear-gradient(${gradientDirection}, ${gradientColors[0]}, ${gradientColors[1]})`,
        }
        : {
            backgroundColor,
        };
    const textColor = isDark ? "#ffffff" : "#333333";
    const logo = logoVariant === "light"
        ? "https://borderlessdevs.netlify.app/static/media/logo-dark.2fa878784899c906a14f.png"
        : "https://borderlessdevs.netlify.app/static/media/logo-light.e753328ab34c0b67df5a.png";
    return (_jsxs("footer", { style: Object.assign(Object.assign({ width: "100%", textAlign: "center", padding: "0.25rem 0.17rem" }, bgStyle), { color: textColor }), children: [_jsx("a", { href: "https://borderlessdev.com", target: "_blank", rel: "noopener noreferrer", children: _jsx("img", { src: logo, alt: "Logo Borderless", style: { height: 8, marginBottom: 2 } }) }), _jsxs("p", { style: { margin: 0, fontSize: "0.25rem", fontWeight: 500 }, children: ["Desenvolvido por Borderless \u00A9 ", currentYear] })] }));
};