import {
  Euro,
  Users,
  Building2,
  FileText,
  CalendarClock,
  Activity,
} from "lucide-react";

import OmsorgStatCard from "../../components/ui/OmsorgStatCard";

export default function HomeStats() {

  return (

    <section className="home-stats-grid">

      <OmsorgStatCard
        title="Gewinn Woche"
        value="18.540 €"
        subtitle="+12 % zum Vormonat"
        trend="up"
        icon={Euro}
      />

      <OmsorgStatCard
        title="Aktive Mitarbeiter"
        value="12"
        subtitle="+1 neuer Mitarbeiter"
        trend="up"
        icon={Users}
      />

      <OmsorgStatCard
        title="Kunden"
        value="8"
        subtitle="stabil"
        trend="neutral"
        icon={Building2}
      />

      <OmsorgStatCard
        title="Offene Rechnungen"
        value="5"
        subtitle="-2 diese Woche"
        trend="down"
        icon={FileText}
      />

      <OmsorgStatCard
        title="Verträge"
        value="3"
        subtitle="laufen bald aus"
        trend="neutral"
        icon={CalendarClock}
      />

      <OmsorgStatCard
        title="Auslastung"
        value="96 %"
        subtitle="+4 %"
        trend="up"
        icon={Activity}
      />

    </section>

  );

}