import { jsx as _jsx } from "react/jsx-runtime";
const DeleteServerButton = ({ onClick, variant }) => {
    if (variant === 'solid') {
        return (_jsx("button", { type: 'button', onClick: onClick, className: 'inline-flex items-center rounded-md bg-red-600 px-3 py-2 text-sm font-medium text-white shadow-sm hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2', children: "Delete Server" }));
    }
    if (variant === 'soft') {
        return (_jsx("button", { type: 'button', onClick: onClick, className: 'inline-flex items-center rounded-md bg-red-50 px-3 py-2 text-sm font-medium text-red-600 hover:bg-red-100 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2', children: "Delete Server" }));
    }
    return (_jsx("button", { type: 'button', onClick: onClick, className: 'inline-flex items-center rounded-md border border-red-200 px-3 py-2 text-sm font-medium text-red-600 hover:bg-red-50 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2', children: "Delete" }));
};
export default DeleteServerButton;
