import { Visibility, Switch } from 'react-cr';
 
// control children visibility
<Visibility visible={this.state.showLogo}>
  <Logo />
</Visibility>
 
// select child by index
<Switch index={1}>
  <First />
  <Second />
</Switch>
 
// select child by multiple indices
<Switch index={[1, 10, 12, 43]}>
  {items.map(...)}
</Switch>
 
// repeat (clone) given n times 
<Repeat count={this.state.stars}>
  <RatingStar />
</Repeat>
 
// render for mobile (or Desktop) only
<Mobile>
  <MobileMenu />
</Mobile>
 
// interleaves children with the given separator
<Interleave wrapper="p" separator={<span>,</span>}>
  <span key="alpha">Alpha</span>
  <span key="beta">Beta</span>
  <span key="gamma">Gamma</span>
</Interleave>