const Spinner = () => (
  <p>Loading ...</p>
)

const List = ({items}) => (
  <ul>
    {items.maps((item, i) => <li key={i}>{item.text}</li>)}
  </ul>
)

const Element = (props) => (
  {props.loaded ? <List {...props}/> : <Spinner />}
)