2017-04-21 17:26:32 +02:00

39 lines
789 B
JavaScript

/**
*
* PluginHeaderActions
*
*/
import React from 'react';
import styles from './styles.scss';
class PluginHeaderActions extends React.Component { // eslint-disable-line react/prefer-stateless-function
render() {
const actions = this.props.actions && this.props.actions.map((action, i) => (
<button
key={i}
className={`btn ${action.class} ${styles.btn}`}
onClick={action.onClick}
disabled={action.disabled}
>
{action.label}
</button>
));
return (
<div className={styles.pluginHeaderActions}>
<div className="pull-xs-right">
{actions}
</div>
</div>
);
}
}
PluginHeaderActions.propTypes = {
actions: React.PropTypes.array,
};
export default PluginHeaderActions;