30 lines
879 B
JavaScript
30 lines
879 B
JavaScript
import React from 'react'
|
|
import './Buttons.css'
|
|
|
|
function DeleteButton({ loading, disabled, onClick, title = 'Удалить', ...props }) {
|
|
return (
|
|
<button
|
|
type="button"
|
|
className="delete-button"
|
|
onClick={onClick}
|
|
disabled={disabled || loading}
|
|
title={title}
|
|
{...props}
|
|
>
|
|
{loading ? (
|
|
<span>...</span>
|
|
) : (
|
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
|
|
<path d="M3 6h18"></path>
|
|
<path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path>
|
|
<path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path>
|
|
<line x1="10" y1="11" x2="10" y2="17"></line>
|
|
<line x1="14" y1="11" x2="14" y2="17"></line>
|
|
</svg>
|
|
)}
|
|
</button>
|
|
)
|
|
}
|
|
|
|
export default DeleteButton
|