import React from 'react';
import {Spinner} from "@/components/ui/spinner";
interface Props {
    loading?: boolean;
    text?: string|React.ReactNode;
    loadingText?: string;
    type?: "button" | "submit" | "reset";
    classNames?: string;
}
function DangerButton({loading, text = 'Delete', loadingText = 'Deleting', type, classNames}: Props) {
    return (
        <button
            type={type ?? 'button'}
            className={`bg-red-600 text-white hover:bg-red-700 focus:ring-2 focus:ring-red-300 font-medium text-sm  text-center ${classNames}`}
        >
            {loading ? (
                <span className="inline-flex items-center">
                              <Spinner className="" />
                                <span className="ml-2">{loadingText}...</span>
                            </span>
            ) : (
                <span>{text}</span>
            )}
        </button>
    );
}

export default DangerButton;