import React, { Component } from 'react';
import { Experiment } from './experiment/Experiment';
import { Case } from './experiment/Case';

class App extends Component {
  render() {
    return (
      <div className="App">
          <Experiment>
            <Case when={(experimentMetadata) => experimentMetadata.foo === 'bar'}>
              <button>swag button</button>
            </Case>
            <Case when={(experimentMetadata) => experimentMetadata.foo === 'baz'}>
              <button>super swag button</button>
            </Case>
            <Case when={(experimentMetadata) => experimentMetadata.foo === 'bat'}>
              <button>the swaggiest</button>
            </Case>
          </Experiment>
      </div>
    );
  }
}

export default App;