'use client';

/**
 * Auth Feature — Widget client pour le tableau de bord
 *
 * Ce module s'auto-enregistre auprès du registre admin en side effect.
 * Dépendance correcte : auth → admin (feature → core).
 *
 * Props du composant :
 *   data    — { totalUsers: number } retourné par getDashboardData(), ou null
 *   loading — true tant que les données serveur ne sont pas disponibles
 */

import { registerClientWidget } from '../admin/dashboard/clientRegistry.js';
import { StatCard } from '@zen/core/shared/components';
import { UserMultiple02Icon } from '@zen/core/shared/icons';

function AuthDashboardWidget({ data, loading }) {
  return (
    <StatCard
      title="Nombre d'utilisateurs"
      value={loading ? '-' : String(data?.totalUsers ?? 0)}
      icon={UserMultiple02Icon}
      color="text-purple-400"
      bgColor="bg-purple-500/10"
      loading={loading}
    />
  );
}

registerClientWidget('auth', AuthDashboardWidget, 10);

export default AuthDashboardWidget;
