import React from "react";
import { VERSION } from "@/lib/constant";
import { SITE_WIDTH_INNER } from "@/components/layout/site-width";

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={`site-content-shell ${SITE_WIDTH_INNER} flex items-center justify-center gap-1`}
      >
        <span className="italic">心诚则灵</span>
        <span className="text-muted-foreground/60">·</span>
        <span>知命阁 v{VERSION}</span>
      </div>
    </footer>
  );
}

export default Footer;
