ConceptPortal-public/rsconcept/frontend/src/components/Common/SubmitButton.tsx

21 lines
606 B
TypeScript
Raw Normal View History

2023-07-15 17:46:19 +03:00
interface SubmitButtonProps {
text: string
loading?: boolean
2023-07-15 17:46:19 +03:00
disabled?: boolean
icon?: React.ReactNode
2023-07-15 17:46:19 +03:00
}
2023-07-25 20:27:29 +03:00
function SubmitButton({ text = 'ОК', icon, disabled, loading = false }: SubmitButtonProps) {
2023-07-15 17:46:19 +03:00
return (
<button type='submit'
2023-08-08 23:04:21 +03:00
className={`px-4 py-2 inline-flex items-center gap-2 align-middle justify-center font-bold disabled:cursor-not-allowed border rounded clr-btn-primary ${loading ? ' cursor-progress' : ''}`}
2023-07-25 22:29:33 +03:00
disabled={disabled ?? loading}
2023-07-15 17:46:19 +03:00
>
{icon && <span>{icon}</span>}
{text && <span>{text}</span>}
2023-07-15 17:46:19 +03:00
</button>
)
}
2023-07-25 20:27:29 +03:00
export default SubmitButton;