import { cn } from "@/lib/utils"

export function Footer({ className }: { className?: string }) {
  const year = new Date().getFullYear()

  return (
    <footer
      className={cn(
        "mx-6 w-auto rounded-3xl bg-white shadow-sm ring-1 ring-black/5 lg:mx-8",
        className
      )}
    >
      <div className="flex flex-col items-center gap-1.5 p-3">
        {/* Logo + name */}
        <div className="flex items-center gap-2">
          <div className="flex size-7 items-center justify-center rounded-lg bg-indigo-600">
            <span className="text-xs font-bold text-white">H</span>
          </div>
          <span className="text-sm font-bold text-slate-900">HexDive ERP</span>
        </div>

        {/* Copyright */}
        <p className="text-xs text-slate-400">
          © {year} HexDive ERP. All rights reserved.
        </p>
      </div>
    </footer>
  )
}
