import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { MailCheck } from "lucide-react";
export function CreateReviewSuccessStep({ sentInvitationCount, sentInvitationEmails, }) {
    return (_jsxs("div", { className: "flex h-full min-h-0 flex-col items-center justify-center gap-5 px-4 text-center", children: [_jsx("div", { className: "bg-primary/10 text-primary rounded-full p-4", children: _jsx(MailCheck, { className: "h-8 w-8" }) }), _jsxs("div", { className: "space-y-2", children: [_jsx("h3", { className: "text-neutral-grey-100 text-lg font-semibold", children: "Review created successfully" }), _jsx("p", { className: "text-muted-foreground text-sm", children: sentInvitationCount > 0
                            ? `Invitation email${sentInvitationCount === 1 ? "" : "s"} sent to ${sentInvitationCount} reviewer${sentInvitationCount === 1 ? "" : "s"}.`
                            : "Review created. No new invitation emails needed." })] }), sentInvitationEmails.length > 0 && (_jsxs("div", { className: "border-border-default max-w-2xl rounded-xl border bg-white p-4 text-left", children: [_jsx("p", { className: "text-neutral-grey-50 text-xs font-semibold tracking-wider", children: "Emails sent to" }), _jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: sentInvitationEmails.map((email) => (_jsx("span", { className: "border-border-default bg-neutral-grey-5 text-neutral-grey-100 rounded-full border px-3 py-1 text-xs", children: email }, email))) })] }))] }));
}
//# sourceMappingURL=CreateReviewSuccessStep.js.map