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

20 lines
580 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
}
function SubmitButton({text='ОК', icon, disabled, loading=false}: SubmitButtonProps) {
2023-07-15 17:46:19 +03:00
return (
<button type='submit'
className={`px-4 py-2 inline-flex items-center gap-2 align-middle justify-center font-bold disabled:cursor-not-allowed rounded clr-btn-primary ${loading ? ' cursor-progress': ''}`}
2023-07-15 17:46:19 +03:00
disabled={disabled}
>
{icon && <span>{icon}</span>}
{text && <span>{text}</span>}
2023-07-15 17:46:19 +03:00
</button>
)
}
export default SubmitButton;