"use client";

import { WarningsPanel } from "@/components/warnings/warnings-panel";
import { useI18n } from "@/lib/i18n";

export function WarningsPageContent() {
  const { t } = useI18n();
  return (
    <div className="space-y-5">
      <div>
        <p className="text-xs font-semibold uppercase tracking-[0.18em] text-sky-700 dark:text-sky-300">{t("warnings.section")}</p>
        <h1 className="mt-2 text-3xl font-semibold tracking-tight">{t("warnings.title")}</h1>
        <p className="mt-2 max-w-2xl text-sm leading-6 text-slate-600 dark:text-slate-300">{t("warnings.description")}</p>
      </div>
      <WarningsPanel />
    </div>
  );
}
