import React, {Component} from 'react';
import "./styles.css"
const UserData = [{
login: 'Igor1337',
role: 'admin',
keys: 174,
}]
function Row(props) {
return (
<div className="row">
<div>{props.data.login}</div>
<div>{props.data.role}</div>
<div>{props.data.keys}</div>
</div>
)
}
export default class UsersTable extends Component {
render() {
return (
<div className="table">
{
UserData.map((data) => (
<Row data={data}/>
))}
</div>
);
}
}