text: import React from 'react';
  import { Helmet } from 'react-helmet';
  import brand from 'dan-api/dummy/brand';
  import PropTypes from 'prop-types';
  import { withStyles } from '@material-ui/core/styles';
  import { LockForm } from 'dan-components';
  import styles from '../../../components/Forms/user-jss';
  
  class LockScreen extends React.Component {
    state = {
      valueForm: []
    }
  
    submitForm(values) {
      const { valueForm } = this.state;
      setTimeout(() => {
        this.setState({ valueForm: values });
        console.log(`You submitted:\n\n${valueForm}`);
        window.location.href = '/app';
      }, 500); // simulate server latency
    }
  
    render() {
      const title = brand.name + ' - Lock Screen';
      const description = brand.desc;
      const { classes } = this.props;
      return (
        <div className={classes.root}>
          <Helmet>
            <title>{title}</title>
            <meta name="description" content={description} />
            <meta property="og:title" content={title} />
            <meta property="og:description" content={description} />
            <meta property="twitter:title" content={title} />
            <meta property="twitter:description" content={description} />
          </Helmet>
          <div className={classes.container}>
            <div className={classes.userFormWrap}>
              <LockForm onSubmit={(values) => this.submitForm(values)} />
            </div>
          </div>
        </div>
      );
    }
  }
  
  LockScreen.propTypes = {
    classes: PropTypes.object.isRequired,
  };
  
  export default withStyles(styles)(LockScreen);
  