import { t } from "../../../services/i18n.js";
import AbstractBulkAction from "../abstract_bulk_action.js";
import BulkAction from "../BulkAction.jsx";
import Icon from "../../react/Icon.jsx";

function DeleteNoteBulkActionComponent({ bulkAction }: { bulkAction: AbstractBulkAction }) {
    return (
        <BulkAction
            bulkAction={bulkAction}
            label={<><Icon icon="bx bx-trash" /> {t("delete_note.delete_matched_notes")}</>}
            helpText={<>
                <p>${t("delete_note.delete_matched_notes_description")}</p>

                <p>${t("delete_note.undelete_notes_instruction")}</p>

                ${t("delete_note.erase_notes_instruction")}
            </>}
        />
    );
}

export default class DeleteNoteBulkAction extends AbstractBulkAction {
    static get actionName() {
        return "deleteNote";
    }
    static get actionTitle() {
        return t("delete_note.delete_note");
    }

    doRender() {
        return <DeleteNoteBulkActionComponent bulkAction={this} />
    }
}
