"use client";
import { useTranslations } from "next-intl";
import { BookOpen, Search } from "lucide-react";
import { EmptyState } from "@/components/shared/empty-state";

export function RecipesEmptyState({ query, count }: { query: string; count: number }) {
  const t = useTranslations("recipes");
  if (count > 0) {
    return query ? (
      <p className="text-sm text-muted-foreground">
        {count} {count !== 1 ? t("resultPlural") : t("resultSingular")} {t("for")} &ldquo;{query}&rdquo;
      </p>
    ) : null;
  }
  return query ? (
    <EmptyState
      icon={Search}
      title={`${t("noMatch")} "${query}"`}
      action={{ label: t("clearSearch"), href: "/recipes" }}
    />
  ) : (
    <EmptyState
      icon={BookOpen}
      title={t("noRecipes")}
      description={t("emptyStateDescription")}
      action={{ label: t("createFirst"), href: "/recipes/new" }}
    />
  );
}