2023-07-15 17:46:19 +03:00
|
|
|
|
interface SubmitButtonProps {
|
|
|
|
|
|
text: string
|
2023-07-16 20:25:55 +03:00
|
|
|
|
loading?: boolean
|
2023-07-15 17:46:19 +03:00
|
|
|
|
disabled?: boolean
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function SubmitButton({text='ОК', disabled, loading=false}: SubmitButtonProps) {
|
|
|
|
|
|
const style = 'px-4 py-2 font-bold text-white disabled:cursor-not-allowed bg-blue-500 rounded hover:bg-blue-700 dark:bg-orange-500 dark:hover:bg-orange-300 disabled:bg-gray-400'
|
|
|
|
|
|
return (
|
|
|
|
|
|
<button type='submit'
|
|
|
|
|
|
className={style + (loading ? ' cursor-progress': '')}
|
|
|
|
|
|
disabled={disabled}
|
|
|
|
|
|
>
|
|
|
|
|
|
{text}
|
|
|
|
|
|
</button>
|
|
|
|
|
|
)
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
export default SubmitButton;
|
