interaminense

Button.PROPS = {
  isActive: Config.bool().value(false)
};

interaminense

Button.PROPS = {
  style: Config.oneOf(['primary','default']).value('default')
};

interaminense

Button.PROPS = {
  /**
   * Adds the classname 'mathematics-btn--active'
   * to Button
   * @type {boolean}
   * @default false
  */
  isActive: Config.bool().value(false),
  
  /**

interaminense

import Component, {Config} from 'metal-jsx';
import getCN from 'classnames';

class Button extends Component {
  render() {
    const {children, isActive, style} = this.props;
    const classes = getCN('mathematics-btn',
      {
        ['mathematics-btn--active']: isActive,
        [`mathematics-btn--${style}`]: style

interaminense

{...this.otherProps()}

interaminense

<Button style={'primary'} onClick='handleOnClick' />

interaminense

<Button style={'primary'}>
  <span class='icon icon-arrow-down' /> show more
</Button>

interaminense

import '../style/mathematics.scss';
import {Button, Layout, Operation} from './';
import {LANGUAGE, CALCULATE, getRandomNumber} from '../utils/Utils';
import {EventHandler} from 'metal-events';
import Component, {Config} from 'metal-jsx';
import dom from 'metal-dom';
import position from 'metal-position';

class Mathematics extends Component {};

interaminense

created() {
  this.state.countdown = this.props.countdown;
  this.setLvl(this.props.lvlDefault);
  this.setInitGame();
}

interaminense

setStartGame() {
  this.setNextOperation();
  
  this.setState({
    errors: 0,
    finish: false,
    hits: 0,
    init: false,
    message: '',
    start: true