import Link from "next/link";
import React from "react";
import { Button } from "./ui/button";

function Footer() {
  return (
    <footer className="container p-4 flex flex-col md:flex-row items-center justify-between">
      <span className="text-sm">
        Copyright © {new Date().getFullYear()}. All rights reserved.
      </span>

      <menu className="flex items-center gap-4">
        <Button
          asChild
          variant={"link"}
          className="text-muted-foreground text-xs hover:text-foreground px-0 w-max"
        >
          <Link href={"/imprint"}>Imprint</Link>
        </Button>
        <Button
          asChild
          variant={"link"}
          className="text-muted-foreground text-xs hover:text-foreground px-0 w-max"
        >
          <Link href={"/privacy"}>Privacy</Link>
        </Button>
      </menu>
    </footer>
  );
}

export default Footer;