Cacher is the code snippet organizer for pro developers

import React from 'react'
import EmpleadoAvatar from '../empleado-avatar'
import EmpleadoData from '../empleado-data'
import EmpleadoActions from '../empleado-actions'

class EmpleadoRow extends React.Component {
/*
  this.props se refiere a las props que le pasamos, 
  en este caso por ejemplo EmpleadoAvatr tiene la props 'picture'
*/
  render() {
    return(
      <div className="row">
        <EmpleadoAvatar picture={this.props.picture} />
        <EmpleadoData name={this.props.name} title={this.props.title} department={this.props.department}/>
        <EmpleadoActions id={this.props.empleadoId} />
      </div>
    )
  }
}

export default EmpleadoRow