25 lines
649 B
JavaScript
25 lines
649 B
JavaScript
import React, { PropTypes } from 'react';
|
|
import { themr } from 'react-css-themr';
|
|
import { LIST } from '../identifiers.js';
|
|
|
|
const ListItemAction = ({action, theme}) => {
|
|
const {onClick, onMouseDown} = action.props;
|
|
const stopRipple = onClick && !onMouseDown;
|
|
const stop = e => e.stopPropagation();
|
|
return (
|
|
<span className={theme.itemAction} onMouseDown={stopRipple && stop} onClick={onClick && stop}>
|
|
{action}
|
|
</span>
|
|
);
|
|
};
|
|
|
|
ListItemAction.propTypes = {
|
|
action: PropTypes.object,
|
|
theme: PropTypes.shape({
|
|
itemAction: PropTypes.string
|
|
})
|
|
};
|
|
|
|
export default themr(LIST)(ListItemAction);
|
|
export { ListItemAction };
|