import React from 'react'
import PropTypes from 'prop-types'
import BEMModule from 'utils/bem'
import styles from './styles.scss'

import HeaderBarCloseButton from 'react-uikit/modal/partials/header-bar-close-button'

const bem = new BEMModule(styles)

const HeaderActionButton = ({onDismiss}) => {
    const rootClassNames = bem.classNames('c-trade-rationale-header-bar-button')
    return (
        <div className={rootClassNames}>
            <HeaderBarCloseButton
                iconName="chevron-down"
                size="large"
                title="skip"
                onDismiss={onDismiss}
            />
        </div>
    )
}

HeaderActionButton.propTypes = {
    onDismiss: PropTypes.func,
}

export default HeaderActionButton