import React, { Component } from 'react';

class TableDataRow extends Component {
   permissionShow = () =>{

      switch(this.props.data.permission){
         case 1 :
            return "Admin";
         case 2 :
            return "Modertor";
         case 3 :
            return "Normal User";
            default :
            return true ;
      }
   }
   render() {
      return (

         <tr>
              <td >{this.props.stt}</td>
              <td>{this.props.data.Name}</td>
              <td>{this.props.data.tel}</td>
              <td>{this.permissionShow()}</td>
              <td><div className="btn btn-warning sua"><i className="fas fa-edit" /></div></td>
              <td><div className="btn btn-danger xoa"><i className="fas fa-trash-alt" /></div></td>
         </tr>


      );
   }
}

export default TableDataRow;