import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { DeleteItemsWarning } from "../DeleteItemsWarning";
export function RemoveComponentsConfirmMessage({ componentNames, sharedDatasourceNames, sharedReferences, deleteSharedCheckboxId, }) {
    const multipleComponents = componentNames.length > 1;
    const multipleShared = sharedDatasourceNames.length > 1;
    return (_jsxs("div", { className: "space-y-2", children: [_jsxs("p", { children: [multipleComponents
                        ? "Are you sure you want to remove these components? "
                        : "Are you sure you want to remove this component? ", componentNames.join(", ")] }), sharedDatasourceNames.length > 0 && (_jsxs("div", { className: "mt-4 space-y-3", children: [_jsxs("p", { className: "text-muted-foreground text-sm", children: [multipleComponents
                                ? "Some of these components use shared content. "
                                : "This component uses shared content. ", "The shared content ", multipleShared ? "items are" : "item is", " kept so other pages can continue using", " ", multipleShared ? "them" : "it", "."] }), _jsx(DeleteItemsWarning, { references: sharedReferences }), _jsxs("label", { className: "flex cursor-pointer items-center gap-2", children: [_jsx("input", { type: "checkbox", id: deleteSharedCheckboxId, "data-testid": "remove-delete-shared-checkbox", className: "border-border-default h-4 w-4 rounded" }), _jsxs("span", { className: "text-sm", children: ["Also delete the shared content", " ", multipleShared ? "items" : "item", ":", " ", sharedDatasourceNames.join(", ")] })] })] }))] }));
}
//# sourceMappingURL=RemoveComponentsConfirmMessage.js.map