import React from 'react';
import Grid from '@material-ui/core/Grid';
import UsersTable from '../../components/Users/UsersTable/UsersTable';


const UsersPage = ({
  fetchUsers, users, fetchRoles, roles, transitToCreateUser, transitToCreatePatient
}) => (
  <Grid
    item
    container
    justify="center"
    alignItems="flex-start"
    xs={12}
  >
    <UsersTable fetchUsers={fetchUsers} users={users} fetchRoles={fetchRoles} roles={roles} transitToCreatePatient={transitToCreatePatient} transitToCreateUser={transitToCreateUser} />
  </Grid>
);

export default UsersPage;