built signinform component for the signin component

src/components/auth/signin.js

@@ -1,19 +1,15 @@
 import React, { Component } from 'react';
 
-import { reduxForm, Field } from 'redux-form';
+import SignInForm from './signinForm';
 
 class SignIn extends Component {
     render() {
         return (
             <div className='sign-in'>
-                sign innn
+                <SignInForm className='sign-in__form' />
             </div>
         )
     }
 }
 
-SignIn = reduxForm({
-    form: 'SignIn'
-})(SignIn);
-
 export default SignIn;

src/components/auth/signinForm.js

@@ -0,0 +1,20 @@
+import React, { Component } from 'react';
+
+import { reduxForm, Field } from 'redux-form';
+
+class SignInForm extends Component {
+    render() {
+        const { className } = this.props;
+        return (
+            <form className={`${className} sign-in-form`}>
+                sign innn
+            </form>
+        )
+    }
+}
+
+SignInForm = reduxForm({
+    form: 'SignInForm'
+})(SignInForm);
+
+export default SignInForm;

src/style/auth/signin.scss

@@ -1,4 +1,12 @@
 .sign-in {
     grid-row: content-s/content-e;
     grid-column: s/e;
+
+    &__form {
+
+    }
+}
+
+.sign-in-form {
+
 }