interaminense

{...this.otherProps()}

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

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

interaminense

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

interaminense

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

interaminense

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

class Button extends Component {}

export default Button;

interaminense

<Button isActive style={'primary'} />

interaminense

import Component from 'metal-jsx';

class Button extends Component {}

export default Button;

interaminense

import Button from './Button';

export { Button };

interaminense

import Component from 'metal-jsx';
import Mathematics from './components/Mathematics';

class App extends Component {
  render() {
    const {lvlDefault, lvls, showResult, countdown} = this.state;

    return (
      <Mathematics
        countdown={30}