import React from 'react';
import Grid from '@material-ui/core/Grid';
import PropTypes from 'prop-types';
import CreateUserForm from '../../containers/CreateUserForm/CreateUserForm.state';

// import s from './CreateUserForm.scss';

const CreateUserPage = ({ fetchRoles, roles, params: { type } }) => (
  <Grid
    container
  >
    <Grid
      item
      xs={12}
      md={6}
    >
      <CreateUserForm type={type} fetchRoles={fetchRoles} roles={roles} />
    </Grid>
  </Grid>

);
CreateUserPage.propTypes = {
  params: PropTypes.shape({
    type: PropTypes.string
  })
};

CreateUserPage.defaultProps = {
  params: {
    type: ''
  }
};
// withStyles...
export default CreateUserPage;