import { jsxs, jsx } from 'react/jsx-runtime';
import { CloudAlert } from 'lucide-react';

function ErrorPlaceholder({
  title,
  message
}) {
  return /* @__PURE__ */ jsxs(
    "div",
    {
      className: "flex min-h-[400px] flex-col items-center justify-center gap-6 p-8",
      "data-testid": "error-placeholder",
      children: [
        /* @__PURE__ */ jsx(CloudAlert, { className: "size-16 text-muted-foreground" }),
        /* @__PURE__ */ jsxs("div", { className: "text-center space-y-2", children: [
          /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold", children: title }),
          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground max-w-md", children: message })
        ] })
      ]
    }
  );
}

export { ErrorPlaceholder };
