"use client";

import { ThemeToggle } from "./ThemeToggle";

export function SiteFooter() {
  return (
    <footer className="sticky bottom-0 z-50 w-full bg-primary text-primary-foreground print:hidden px-1">
      <div className="container mx-auto flex h-auto items-center justify-end py-1 px-4 sm:px-6 lg:px-8">
        {/* Content of the footer, ThemeToggle is aligned to the right */}
        <div className="flex items-center gap-4">
          <ThemeToggle />
        </div>
      </div>
    </footer>
  );
}