"use client";
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
import { Filter, Plus } from "lucide-react";
import { Button } from "../../primitives/button.js";
import { useT } from "@open-mercato/shared/lib/i18n/context";
function FilterEmptyState({ onAddCondition, addConditionRef, aiSlot, quickFilters }) {
  const t = useT();
  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-stretch gap-4 p-2", "data-testid": "filter-empty-state", children: [
    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center text-center py-6 gap-3", children: [
      /* @__PURE__ */ jsx("div", { className: "flex size-14 items-center justify-center rounded-full bg-brand-violet/10", children: /* @__PURE__ */ jsx(Filter, { className: "size-6 text-brand-violet" }) }),
      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
        /* @__PURE__ */ jsx("div", { className: "text-base font-semibold", children: t("ui.advancedFilter.empty.title", "No filters applied") }),
        /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground max-w-md", children: t("ui.advancedFilter.empty.subtitle", "Add a condition to narrow down the list, or describe what you want in natural language.") })
      ] }),
      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
        /* @__PURE__ */ jsxs(
          Button,
          {
            type: "button",
            ref: addConditionRef,
            onClick: onAddCondition,
            className: "bg-brand-violet text-brand-violet-foreground hover:bg-brand-violet/90",
            children: [
              /* @__PURE__ */ jsx(Plus, { className: "size-4" }),
              t("ui.advancedFilter.empty.addCondition", "Add condition")
            ]
          }
        ),
        aiSlot
      ] })
    ] }),
    quickFilters ? /* @__PURE__ */ jsxs(Fragment, { children: [
      /* @__PURE__ */ jsx("div", { className: "border-t border-border" }),
      quickFilters
    ] }) : null
  ] });
}
export {
  FilterEmptyState
};
//# sourceMappingURL=FilterEmptyState.js.map
