import _                        from 'lodash';
import React, { Component }     from 'react';


const instance = (value) => (
  _.isFunction(value) ? value() : (value || null)
);


export class If extends Component {
  
  render() {
    return this.props.if ? instance(this.props.then) : instance(this.props.else);
  };
  
};


export class Case extends Component {

  render() {
    const val = this.props.switch;
    for(let i = 0; i < 999; ++i) {
      if(this.props['case' + i] === undefined)  return instance(this.props.else);
      if(this.props['case' + i] === val)        return instance(this.props['then' + i]);
    }
    return null;
  };

};