import { jsxs, jsx } from 'react/jsx-runtime';
import { CloudAlert } from 'lucide-react';
import { PageHeader } from './page-header.mjs';

function ErrorPlaceholder({
  title,
  message
}) {
  return /* @__PURE__ */ jsxs(
    "div",
    {
      className: "flex min-h-[600px] flex-col items-center justify-center gap-10",
      "data-testid": "error-placeholder",
      children: [
        /* @__PURE__ */ jsx(PageHeader, { title, description: message }),
        /* @__PURE__ */ jsx(CloudAlert, { className: "size-[100px]" })
      ]
    }
  );
}

export { ErrorPlaceholder };
