import { StatusBadge } from "@/components/ui/badge";
import { t } from "@/lib/i18n/de";

export default function StartPage() {
  return (
    <div className="space-y-6">
      <header>
        <h1 className="font-display text-2xl text-navy">{t("app.name")}</h1>
        <p className="mt-1 text-sm text-anthrazit/70">
          Vernetzte Übersicht der Fahrzeuge und Geräte der Feuerwehren.
        </p>
      </header>

      <section className="rounded-md border border-rand bg-white p-6">
        <h2 className="font-display text-lg text-navy">Statusübersicht</h2>
        <div className="mt-4 flex flex-wrap items-center gap-3">
          <StatusBadge status="einsatzbereit" />
          <StatusBadge status="wartung" />
          <StatusBadge status="ausser_dienst" />
        </div>
      </section>
    </div>
  );
}
