text: /**
   * Copyright (c) 2015-present, Facebook, Inc.
   *
   * This source code is licensed under the MIT license found in the
   * LICENSE file in the root directory of this source tree.
   */
  
  import React, { Component } from 'react'
  import PropTypes from 'prop-types'
  
  function load(name) {
    return [
      { id: 1, name: `${name}1` },
      { id: 2, name: `${name}2` },
      { id: 3, name: `${name}3` },
      { id: 4, name: `${name}4` },
    ]
  }
  
  export default class extends Component {
    static propTypes = {
      onReady: PropTypes.func.isRequired,
    }
  
    constructor(props) {
      super(props)
      this.state = { users: [] }
    }
  
    async componentDidMount() {
      const users = load('user_')
      this.setState({ users })
    }
  
    componentDidUpdate() {
      this.props.onReady()
    }
  
    render() {
      return (
        <div id="feature-template-interpolation">
          {this.state.users.map(user => (
            <div key={user.id}>{user.name}</div>
          ))}
        </div>
      )
    }
  }
  