import React from "react";
import { VERSION } from "@/lib/constant";

function Footer() {
  return (
    <footer className="relative z-10 flex items-center justify-center gap-1 border-t border-border/40 bg-card/70 py-4 text-xs text-muted-foreground/80">
      <div className="mx-auto flex w-full max-w-4xl items-center justify-center gap-1 px-4 sm:px-6 lg:px-8">
        <span className="italic">心诚则灵</span>
        <span className="text-muted-foreground/60">·</span>
        <span>知命阁 v{VERSION}</span>
      </div>
    </footer>
  );
}

export default Footer;
