'use client';

import { Users, UserCheck, Clock } from 'lucide-react';

interface Props {
	total?: number;
	activeToday?: number;
	neverLoggedIn?: number;
}

const AdminStatsCards = ({
	total = 0,
	activeToday = 0,
	neverLoggedIn = 0,
}: Props) => {
	return (
		<div className="grid grid-cols-1 md:grid-cols-3 gap-5">
			<div className="card-style">
				<Users className="icon-style" />
				<h3>Total Admins</h3>
				<p>{total}</p>
			</div>

			<div className="card-style">
				<UserCheck className="icon-style" />
				<h3>Active Today</h3>
				<p>{activeToday}</p>
			</div>

			<div className="card-style">
				<Clock className="icon-style" />
				<h3>Never Logged In</h3>
				<p>{neverLoggedIn}</p>
			</div>
		</div>
	);
};

export default AdminStatsCards;