Montassar Ghanmy
41 lines
962 B
React
Executable File
41 lines
962 B
React
Executable File
/* eslint-disable react/prop-types */
|
|
import React from 'react';
|
|
import './buttons.scss';
|
|
|
|
export default class Button extends React.Component {
|
|
render() {
|
|
var className = this.props.className || '';
|
|
|
|
if (this.props.big) {
|
|
className += ' big ';
|
|
}
|
|
if (this.props.medium) {
|
|
className += ' medium ';
|
|
}
|
|
if (this.props.small) {
|
|
className += ' small ';
|
|
}
|
|
|
|
if (
|
|
className.indexOf('medium') === className.indexOf('small') &&
|
|
className.indexOf('big') === className.indexOf('small') &&
|
|
className.indexOf('big') < 0
|
|
) {
|
|
className += ' small';
|
|
}
|
|
return (
|
|
<button
|
|
ref={this.props.refButton}
|
|
{...this.props}
|
|
className={'button no-tw ' + className}
|
|
onClick={evt => {
|
|
evt.target.blur();
|
|
this.props.onClick && this.props.onClick(evt);
|
|
}}
|
|
>
|
|
{this.props.value || this.props.children}
|
|
</button>
|
|
);
|
|
}
|
|
}
|