import type { Metadata } from "next";
import { WarningsPanel } from "@/components/warnings/warnings-panel";

export const metadata: Metadata = { title: "Ostrzeżenia" };

export default function WarningsPage() {
  return (
    <div className="space-y-5">
      <div>
        <p className="text-xs font-semibold uppercase tracking-[0.18em] text-sky-700 dark:text-sky-300">Komunikaty IMGW</p>
        <h1 className="mt-2 text-3xl font-semibold tracking-tight">Ostrzeżenia</h1>
        <p className="mt-2 max-w-2xl text-sm leading-6 text-slate-600 dark:text-slate-300">Aktualne ostrzeżenia meteorologiczne i hydrologiczne publikowane przez IMGW. Szczegóły obszaru i czasu obowiązywania pochodzą bezpośrednio z API.</p>
      </div>
      <WarningsPanel />
    </div>
  );
}