representant-form

import React, { useState } from 'react'
import Grid from '@material-ui/core/Grid'
import { Input, Button, InputCpf } from '..'
import useStyles from './styles'

type Props = {
  state: any
  setState: any
  handleFilter: () => Promise<any>
}

const FormRepresentant: React.FC<Props> = ({ state, setState, handleFilter }) => {
  const classes = useStyles()

  // const handleTextMask = (e: any): void => {
  //   setCpfCnpj(e.target.value.replace(/\D/g, ''))
  // }

  return (
    <>
      <Grid item md={2} sm={6} xs={12}>
        <Input
          label="Código"
          margin="dense"
          className={classes.input}
          value={state.code}
          onChange={(e) =>
            setState((old: any) => ({ ...old, code: e.target.value.replace(/\D/g, '') }))
          }
        />
      </Grid>
      <Grid item md={2} sm={6} xs={12}>
        <Input
          label="Nome"
          margin="dense"
          value={state.name}
          className={classes.input}
          onChange={(e) => setState((old: any) => ({ ...old, name: e.target.value }))}
        />
      </Grid>
      <Grid item md={2} sm={6} xs={12}>
        <InputCpf value={''} datatype="number" />
      </Grid>
      <Grid item md={2} sm={6} xs={12}>
        <Button label="filtrar" style={{ marginTop: 8 }} variant="text" onClick={handleFilter} />
      </Grid>
    </>
  )
}

export default FormRepresentant