import { t } from "@/lib/i18n/de";

/**
 * Generische Ergebnisliste mit Empty-State. `count` wird als Trefferzahl
 * angezeigt; `children` sind die vorgerenderten `<li>`-Zeilen.
 */
export function ResultList({
  count,
  children,
}: {
  count: number;
  children: React.ReactNode;
}) {
  return (
    <section aria-label={t("search.ergebnisse")} className="flex flex-col gap-2">
      <p className="text-xs text-anthrazit/60">
        {count} {t("search.treffer")}
      </p>
      {count === 0 ? (
        <p className="rounded border border-dashed border-rand px-4 py-8 text-center text-sm text-anthrazit/60">
          {t("search.keineTreffer")}
        </p>
      ) : (
        <ul className="rounded border border-rand bg-white px-3">{children}</ul>
      )}
    </section>
  );
}
