Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | 1x 1x | import cx from 'classnames'
import PropTypes from 'prop-types'
import {suitClass} from '../helpers.js'
export const Close = ({icon, onClick, floating}) => {
const BUTTON_CLASS = cx(suitClass({element: 'close'}), {
[suitClass({element: 'close--floating'})]: floating
})
return (
<button type="button" className={BUTTON_CLASS} onClick={onClick}>
{icon}
</button>
)
}
Close.propTypes = {
icon: PropTypes.node.isRequired,
onClick: PropTypes.func.isRequired,
floating: PropTypes.bool
}
|