'use strict';

const jsxRuntime = require('react/jsx-runtime');
const LucideIcons = require('lucide-react');

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

exports.ErrorPlaceholder = ErrorPlaceholder;
