index.js

import React from 'react'
import Text from '<atoms>/Text/Text'
import { useState } from 'react'


export const useForm = (initialValues) => {

  const [values, setValues] = useState(initialValues)


  return [
    values,
    e => {
      setValues({
        ...values,
        [e.target.name]: e.target.value
      })
    }
  ]
}



const HomePage = () => {
  const [values, handleChange] = useForm({ email: '', password: '' })

  return(
    <div>
      <input name='password' type="password" value={values.password}
        onChange={
          handleChange
        }
      />
      <input name='email' type="email" value={values.email}
        onChange={
          handleChange
        }
      />
    </div>
  )
}



export default HomePage