'use client';
import { useEffect, useState } from 'react';

const ringkas = (n: number) =>
  n >= 1000 ? (n / 1000).toFixed(1).replace('.0', '') + 'K' : String(n);

/** Angka naik perlahan supaya paparan terasa hidup. */
export default function KiraanHidup({ mula, aktif }: { mula: number; aktif: boolean }) {
  const [n, setN] = useState(mula);
  useEffect(() => {
    if (!aktif) return;
    const t = setInterval(() => setN((v) => v + 1), 8000 + Math.random() * 7000);
    return () => clearInterval(t);
  }, [aktif]);
  return <span>{ringkas(n)}</span>;
}