import { Plus, Building2, CalendarPlus, Calculator } from "lucide-react";
import OmsorgCard from "../../components/OmsorgCard";
import OmsorgButton from "../../components/ui/OmsorgButton";
import HomeStats from "./HomeStats";
import OmsorgBadge from "../../components/ui/OmsorgBadge";
import FollowUpWidget from "./FollowUpWidget";
import OrderStatusWidget from "./OrderStatusWidget";
import BirthdayWidget from "./BirthdayWidget";
export default function HomePage() {
  return (
    <>
      <OmsorgCard>
        <h2>
          Willkommen bei
          <span className="accent">
            {" "}Omsorg Business Controls Pro
          </span>
        </h2>

        <p>
          Schön, dass ihr heute wieder da seid.
          Hier beginnt euer Arbeitstag.
        </p>
      </OmsorgCard><div className="badge-test-row">
  <OmsorgBadge status="aktiv" />
  <OmsorgBadge status="einsatz" />
  <OmsorgBadge status="urlaub" />
  <OmsorgBadge status="krank" />
  <OmsorgBadge status="vertrag" />
</div>
      <HomeStats />
      <section className="dashboard-grid home-grid">
        <FollowUpWidget />
        <OrderStatusWidget />
        <BirthdayWidget />

        <OmsorgCard title="Schnellaktionen">
          <div className="home-actions">
            <OmsorgButton icon={Plus}>
              Neuer Mitarbeiter
            </OmsorgButton>

            <OmsorgButton
              variant="secondary"
              icon={Building2}
            >
              Neue Einrichtung
            </OmsorgButton>

            <OmsorgButton
              variant="secondary"
              icon={CalendarPlus}
            >
              Neuer Auftrag
            </OmsorgButton>

            <OmsorgButton
              variant="secondary"
              icon={Calculator}
            >
              Neue Kalkulation
            </OmsorgButton>
          </div>
        </OmsorgCard>
      </section>
        </>
  );
}