"use client";

import {
  Users,
  CircleDot,
  PhoneCall,
  CheckCircle,
  Calendar,
  CalendarDays,
} from "lucide-react";

import StatCard from "./StatCard";

interface Props {
  stats: any;
}

export default function StatsGrid({
  stats,
}: Props) {

  return (
    <div className="grid gap-6 md:grid-cols-2 xl:grid-cols-3">

      <StatCard
        title="Total Enquiries"
        value={stats.totalEnquiries}
        icon={<Users className="text-[#C9A227]" />}
      />

      <StatCard
        title="New"
        value={stats.newEnquiries}
        icon={<CircleDot className="text-blue-500" />}
      />

      <StatCard
        title="Contacted"
        value={stats.contacted}
        icon={<PhoneCall className="text-orange-500" />}
      />

      <StatCard
        title="Closed"
        value={stats.closed}
        icon={<CheckCircle className="text-green-500" />}
      />

      <StatCard
        title="Today's Enquiries"
        value={stats.todayEnquiries}
        icon={<Calendar className="text-purple-500" />}
      />

      <StatCard
        title="Monthly Enquiries"
        value={stats.monthlyEnquiries}
        icon={<CalendarDays className="text-pink-500" />}
      />

    </div>
  );
}