import Row from "@/src/components/lib/layout/Row";
import Span from "@/src/components/lib/layout/Span";
import { PropsWithChildren } from "react";
import { twMerge } from "tailwind-merge";

type Props = {};

export default function Footer({}: Props) {
    const date = new Date();

    return (
        <footer
            className={twMerge(
                "h-[var(--header-height)] border-0 border-t border-white/10",
                "w-full flex flex-row items-center px-6 mt-auto",
            )}
        >
            <Row className="w-full justify-between">
                <Span className="text-sm opacity-70">
                    Copyright © {date.getFullYear()} Tben.me. All Rights
                    Reserved.
                </Span>
                <Span className="text-sm opacity-70">
                    Made with{" "}
                    <a
                        href="https://git.tben.me/Moduletrace/bunext"
                        target="_blank"
                    >
                        Bunext
                    </a>
                </Span>
            </Row>
        </footer>
    );
}