2016-03-28 22:34:50 +02:00
|
|
|
|
import React from 'react';
|
|
|
|
|
import { Accounts } from 'meteor/accounts-base';
|
|
|
|
|
|
|
|
|
|
export class Button extends React.Component {
|
|
|
|
|
render () {
|
2016-04-02 12:59:50 +02:00
|
|
|
|
const { label, href = null, type, disabled = false, className, onClick } = this.props;
|
2016-04-02 15:34:30 +02:00
|
|
|
|
if (type == 'link') {
|
|
|
|
|
return <a href={ href } className={ className } onClick={ onClick }>{ label }</a>;
|
|
|
|
|
}
|
|
|
|
|
return <button className={ className }
|
2016-04-02 21:02:28 +02:00
|
|
|
|
type={ type }
|
2016-04-02 15:34:30 +02:00
|
|
|
|
disabled={ disabled }
|
|
|
|
|
onClick={ onClick }>{ label }</button>;
|
2016-03-28 22:34:50 +02:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
Button.propTypes = {
|
|
|
|
|
onClick: React.PropTypes.func
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
Accounts.ui.Button = Button;
|