UserSignIn\index.js import fail

import React, { PropTypes } from 'react';
import UsersNavBar from '../components/UsersNavBar';
import FormContainer from './FormContainer.js';
import Paper from 'material-ui/Paper';

import style from './style.css'; <---------- `import` statement that IDE/ESLint indicates is 'unused' despite corresponding stylesheet

const usersnavbarContainer = {
    display: 'flex',
    paddingTop: '0rem',
    minHeight: '30rem',
}
const usersnavbarForm = {
    display: 'flex',
    align: 'center',
    justify: 'center',
    width: 'auto',
}
const usersnavbarFormContainer = {
    display: 'flex',
    alignContent: 'center',
    justifyContent: 'center',
    height: '18rem'
}
const usersnavbarTitle = {
    alignContent: 'center',
    textAlign: 'center',
    display: 'flex',
}
const usersignInPaper = {
    margin: '20',
    width: '40rem',
    height: '18rem',
    alignContent: 'center !important',
    justifyContent: 'flex-start',
    padding: '0',
    display: 'flex',
}

const Screen = (props) => (
<div>
    <Paper style={usersignInPaper} zDepth={1} className="usersigninPaper">
      <div style={usersnavbarContainer} className="usersnavbarContainer">
            <UsersNavBar label="Log In" screen="user/signin" style={usersnavbarTitle}/>
                <div style={usersnavbarFormContainer} className="usersnavbarFormContainer">
                <FormContainer redirectTo={props.location.query.redirect} style={usersnavbarForm}/>
                </div>
      </div>
    </Paper>
</div>
);

Screen.propTypes = {
  location: PropTypes.object,
};

export default Screen;