import React from 'react'
import PropTypes from 'prop-types'
import Button from 'react-uikit/button'
import Tooltip from 'react-uikit/tooltip'

const SubmitButton = ({className, disabled, submit, tooltip}) => {
    const tooltipId = 'exercise-option-btn'

    return (
        <div data-tip="" data-for={tooltipId}>
            <Button
                className={className}
                disabled={disabled}
                variant="primary"
                size="large"
                text="Exercise Option"
                type="submit"
                onClick={submit}
            />
            <Tooltip id={tooltipId}>{tooltip}</Tooltip>
        </div>
    )
}

SubmitButton.propTypes = {
    className: PropTypes.string,
    disabled: PropTypes.bool,
    submit: PropTypes.func,
    tooltip: PropTypes.string,
}

export default SubmitButton