"use client";
import { jsxs, jsx } from 'react/jsx-runtime';
import { cn } from '../../../../../../../ui/src/lib/utils.mjs';

function EmptyState({
  title,
  description,
  action,
  icon,
  className
}) {
  return /* @__PURE__ */ jsxs(
    "div",
    {
      className: cn(
        "flex flex-col items-center justify-center py-12 text-center",
        className
      ),
      "data-testid": "empty-state",
      children: [
        icon && /* @__PURE__ */ jsx("div", { className: "rounded-full bg-muted p-6 mb-4", children: icon }),
        /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mb-2", children: title }),
        description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground max-w-md mb-4", children: description }),
        action && /* @__PURE__ */ jsx("div", { children: action })
      ]
    }
  );
}

export { EmptyState };
