"use client";
import { jsxs, jsx } from 'react/jsx-runtime';
import { AlertCircle, RefreshCw } from 'lucide-react';
import { Button } from '../../../../../../../ui/src/components/button.mjs';

function DefaultError({ error, reset }) {
  return /* @__PURE__ */ jsxs(
    "div",
    {
      className: "flex flex-col items-center justify-center py-12 text-center",
      "data-testid": "error-placeholder",
      children: [
        /* @__PURE__ */ jsx("div", { className: "rounded-full bg-destructive/10 p-6 mb-4", children: /* @__PURE__ */ jsx(AlertCircle, { className: "h-8 w-8 text-destructive" }) }),
        /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mb-2", children: "Something went wrong" }),
        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground max-w-md mb-4", children: error?.message || "An unexpected error occurred. Please try again." }),
        reset && /* @__PURE__ */ jsxs(Button, { onClick: reset, variant: "outline", children: [
          /* @__PURE__ */ jsx(RefreshCw, { className: "mr-2 h-4 w-4" }),
          "Try Again"
        ] })
      ]
    }
  );
}

export { DefaultError };
