ConfirmDialog confirm text is blank

I’m getting a blank confirm button in the ConfirmDialog as showin in the picture. Here is the code

ConfirmDialog dialog = new ConfirmDialog();
                    dialog.setHeader("Delete Customer(s)");
                    dialog.setText("Do you want to delete all selected customer(s). Note, This operation cannot be undone");

                    dialog.setCancelable(true);
                    dialog.setConfirmText("Delete");

                    dialog.setConfirmButton(new DeleteButton(delete -> {
                        customerEntityService.bulkDelete(customerEntities);
                        refreshGrid();
                    }));

                    dialog.open();

And the DeleteButton implementation is


public class DeleteButton extends Button {

    private final Button deleteButton = new Button("Delete");

    public DeleteButton() {
        super();
        setButtonProperties();

    }

    private void setButtonProperties() {
        deleteButton.addThemeVariants(ButtonVariant.LUMO_PRIMARY, ButtonVariant.LUMO_ERROR);
    }

    public DeleteButton(ComponentEventListener<ClickEvent<Button>> buttonClickEvent) {
        super();
        setButtonProperties();
        action(buttonClickEvent);

    }

    public void action(ComponentEventListener<ClickEvent<Button>> buttonClickEvent) {
        deleteButton.addClickListener(buttonClickEvent);
    }
}

Not sure why the text is blank thought it is set ( You can see here it is set in mulitple places to debug though the result is same). Could be a bug or I’m doing it in a wrong way?
image.png

Of course, you are creating another button instance in your delete button, instead of customizing the one you are extending. This looks totally obscure.

oh, there are two buttons now ? I see there is a method to pass the component. So, thought I can pass my own button
image.png

remove private final Button deleteButton