import React, { FC } from "react";
import Button from "../Button";


export type DeleteAlertProps = {
  onClose: React.MouseEventHandler<HTMLButtonElement> | undefined
  onConfirm: React.MouseEventHandler<HTMLButtonElement> | undefined
};

const DeleteAlert: FC<DeleteAlertProps > = ({onClose, onConfirm}) => {


return (
        <div className="" style={{textAlign: "center"}}>
    <div  className=" fz-18" style={{fontWeight: 500}}>¿Desea eliminar el elemento seleccionado?</div>
    <div  className="btn-group btn-group--separated">
      <Button variant={"secondary"} onClick={onClose} label={"VOLVER"}></Button>
      <Button label={"ACEPTAR"} onClick={onConfirm}></Button>
    </div>
  </div>
    );

}
    


export default DeleteAlert;