import { jsxs as r, jsx as e } from "react/jsx-runtime";
import { Search as l } from "lucide-react";
function i({
  title: t = "No results",
  description: a = "Try adjusting your search or filters",
  children: s,
  ...d
}) {
  return /* @__PURE__ */ r(
    "div",
    {
      className: "flex h-56 flex-col items-center justify-center gap-4 rounded-xl border-2 border-gray-200 border-dashed bg-gray-50/50 text-center dark:border-gray-800 dark:bg-gray-900/50",
      ...d,
      children: [
        /* @__PURE__ */ e("div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-gray-100 dark:bg-gray-800", children: /* @__PURE__ */ e(l, { className: "h-8 w-8 text-gray-400" }) }),
        /* @__PURE__ */ r("div", { className: "space-y-1", children: [
          /* @__PURE__ */ e("h3", { className: "font-semibold text-gray-900 text-lg dark:text-gray-100", children: t }),
          /* @__PURE__ */ e("p", { className: "text-gray-600 text-sm dark:text-gray-400", children: a })
        ] }),
        s
      ]
    }
  );
}
export {
  i as EmptyState
};
