import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { AlertCircle } from "lucide-react";
import { cn } from "../../lib/utils";
export function SetupStepError({ children, helper, className, }) {
    return (_jsxs("div", { className: cn("flex max-w-md items-start gap-3 rounded-xl text-left", className), children: [_jsx(AlertCircle, { strokeWidth: 1, className: "text-feedback-red h-4 w-4 shrink-0" }), _jsxs("div", { className: "flex-1", children: [_jsx("p", { className: "text-feedback-red text-[12px] leading-relaxed", children: children }), helper ? (_jsx("p", { className: "text-feedback-red mt-2 text-[12px] leading-relaxed font-medium", children: helper })) : null] })] }));
}
//# sourceMappingURL=SetupStepError.js.map