2017-02-07 10:06:40 +11:00
|
|
|
const iconStyle = {
|
|
|
|
fontSize: '16px',
|
|
|
|
padding: '15px',
|
|
|
|
position: 'absolute',
|
|
|
|
right: '48px',
|
|
|
|
top: '0',
|
2017-03-03 05:24:12 +11:00
|
|
|
cursor: 'pointer',
|
|
|
|
zIndex: '2'
|
2017-02-07 10:06:40 +11:00
|
|
|
};
|
|
|
|
|
|
|
|
const ClearColumnButton = ({ onClick }) => (
|
2017-04-04 06:45:29 +10:00
|
|
|
<div className='column-icon' tabindex='0' style={iconStyle} onClick={onClick}>
|
2017-02-07 10:06:40 +11:00
|
|
|
<i className='fa fa-trash' />
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
|
|
|
|
ClearColumnButton.propTypes = {
|
|
|
|
onClick: React.PropTypes.func.isRequired
|
|
|
|
};
|
|
|
|
|
|
|
|
export default ClearColumnButton;
|