import React from 'react';
import { useStore } from '../context/StoreContext';

export const Footer: React.FC = () => {
  const { db } = useStore();

  return (
    <footer className="h-10 bg-white border-t border-slate-200 flex items-center justify-between px-6 shrink-0 text-[10px] text-slate-500">
      <div className="flex items-center gap-4">
        <span>
          Terakhir Update: {new Date(db.lastUpdated).toLocaleDateString('id-ID', {
            day: 'numeric',
            month: 'short',
            hour: '2-digit',
            minute: '2-digit'
          })}
        </span>
      </div>

      <p className="text-[10px] text-slate-400">
        © 2026 Toko Makmur
      </p>
    </footer>
  );
};