"use client";
'use strict';

const jsxRuntime = require('react/jsx-runtime');
const LucideIcons = require('lucide-react');
const button = require('../../../../../../../ui/src/components/button.cjs');

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

exports.DefaultError = DefaultError;
