"use client";
import { jsx, jsxs } from "react/jsx-runtime";
import { cn } from "@open-mercato/shared/lib/utils";
const variantStyles = {
  error: {
    container: "border-status-error-border bg-status-error-bg text-status-error-text",
    icon: "border-status-error-icon"
  },
  info: {
    container: "border-status-info-border bg-status-info-bg text-status-info-text",
    icon: "border-status-info-icon"
  },
  warning: {
    container: "border-status-warning-border bg-status-warning-bg text-status-warning-text",
    icon: "border-status-warning-icon"
  }
};
function Notice({
  variant = "info",
  title,
  message,
  action,
  children,
  className,
  compact = false
}) {
  if (process.env.NODE_ENV === "development") {
    console.warn(
      '[DS] <Notice> is deprecated. Use <Alert variant="destructive|warning|info"> instead. See: docs/design-system/migration-tables.md'
    );
  }
  const styles = variantStyles[variant];
  if (compact || !title && !action && (children || message)) {
    return /* @__PURE__ */ jsx("div", { className: cn("rounded-md border px-3 py-2 text-sm", styles.container, className), children: children ?? message });
  }
  return /* @__PURE__ */ jsx("div", { className: cn("rounded-md border p-4", styles.container, className), children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
    /* @__PURE__ */ jsx(
      "span",
      {
        className: cn("inline-block mt-0.5 h-4 w-4 rounded-full border-2 shrink-0", styles.icon),
        "aria-hidden": true
      }
    ),
    /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
      title ? /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: title }) : null,
      message ? /* @__PURE__ */ jsx("div", { className: "text-sm opacity-90", children: message }) : null,
      children,
      action ? /* @__PURE__ */ jsx("div", { className: "mt-2", children: action }) : null
    ] })
  ] }) });
}
export {
  Notice
};
//# sourceMappingURL=Notice.js.map
