/*! ratio-ui · design system for knowledge sharing · https://github.com/losol/ratio-ui · (c) 2026 Losol AS · MPL-2.0 */
import { cn } from "../../utils/cn.js";
import { buildSpacingClasses } from "../../tokens/spacing.js";
import "react";
import { jsx } from "react/jsx-runtime";
//#region src/core/Panel/Panel.tsx
var baseClasses = "py-3 px-4 rounded-md text-sm leading-relaxed";
var variantClasses = {
	alert: "border-l-4",
	callout: "border bg-transparent",
	notice: "border"
};
var statusClasses = {
	alert: {
		info: "bg-info-bg border-info-border text-info-text",
		success: "bg-success-bg border-success-border text-success-text",
		warning: "bg-warning-bg border-warning-border text-warning-text",
		error: "bg-error-bg border-error-border text-error-text",
		neutral: "bg-neutral-100 border-neutral-400 text-neutral-700"
	},
	callout: {
		info: "border-info-border text-info-text bg-info-bg",
		success: "border-success-border text-success-text bg-success-bg",
		warning: "border-warning-border text-warning-text bg-warning-bg",
		error: "border-error-border text-error-text bg-error-bg",
		neutral: "border-neutral-300 text-neutral-700 bg-neutral-50"
	},
	notice: {
		info: "bg-info-bg border-info-border text-info-text",
		success: "bg-success-bg border-success-border text-success-text",
		warning: "bg-warning-bg border-warning-border text-warning-text",
		error: "bg-error-bg border-error-border text-error-text",
		neutral: "bg-neutral-100 border-neutral-400 text-neutral-700"
	}
};
var Panel = ({ children, variant = "alert", status = "info", className, ...spacingProps }) => {
	return /* @__PURE__ */ jsx("div", {
		className: cn(baseClasses, variantClasses[variant], statusClasses[variant][status], buildSpacingClasses(spacingProps), className),
		role: variant === "alert" ? "alert" : void 0,
		children
	});
};
//#endregion
export { Panel };

//# sourceMappingURL=Panel.js.map