import { getTranslations } from "next-intl/server";
import { siteSettings } from "@/lib/services/site-settings";

export async function SiteFooter() {
  const hotelName = await siteSettings.get("hotel_name", "Atom");
  const year = new Date().getFullYear();
  const t = await getTranslations("footer");

  return (
    <footer
      className="mt-auto flex h-14 w-full flex-col items-center justify-center text-sm md:flex-row md:px-8"
      style={{ backgroundColor: "var(--color-surface)", color: "var(--color-text-muted)" }}
    >
      <div className="md:font-semibold text-[12px] md:text-[14px]">
        {t("copyright", { year, hotel: hotelName ?? "Atom" })}
      </div>
    </footer>
  );
}