import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { CheckCircle2, Loader2 } from "lucide-react";
import { Button } from "../../components/ui/button";
export function FinishedProjectCard(props) {
    const { canArchive, isArchiving = false, onArchive } = props;
    return (_jsxs("div", { className: "flex min-h-[620px] w-full flex-col items-center bg-white px-6 pt-32 pb-12 text-center", "data-testid": "taskboard-finished-project-card", children: [_jsx("div", { className: "border-feedback-green text-feedback-green flex h-14 w-14 items-center justify-center rounded-full border-2", children: _jsx(CheckCircle2, { className: "h-7 w-7", strokeWidth: 1 }) }), _jsx("h2", { className: "text-neutral-grey-100 mt-8 text-3xl leading-tight font-semibold", children: "All tasks are complete." }), _jsx("p", { className: "text-neutral-grey-50 mt-3 max-w-xl text-base leading-6", children: "Nothing needs attention right now. The project is fully complete." }), _jsxs(Button, { type: "button", variant: "outline", size: "sm", className: "mt-8 h-10 px-5 text-sm", onClick: onArchive, disabled: !canArchive || isArchiving, title: canArchive ? undefined : "Only project owners can archive projects", "data-testid": "taskboard-finished-project-archive-button", children: [isArchiving ? (_jsx(Loader2, { strokeWidth: 1, className: "mr-2 h-4 w-4 animate-spin" })) : null, "Archive project"] })] }));
}
//# sourceMappingURL=FinishedProjectCard.js.map