import {InputIdentifier} from 'futura-react-components';

/* cria um input com a máscara de cpf */
<InputIdentifier
    cpf
    name="nome_do_campo"
    value={variavel_que_armazena_o_valor}
    onChange={funcao_para_setar_o_valor}
    error={variavel_que_armazena_o_error}    
/>

/* cria um input com a máscara de cnpj */
<InputIdentifier
    cnpj
    name="nome_do_campo"
    value={variavel_que_armazena_o_valor}
    onChange={funcao_para_setar_o_valor}
    error={variavel_que_armazena_o_error}
/>

/*
 * cria um input que altera sua máscara de acordo com a quantidade
 * de caracters digitados
 */
<InputIdentifier
    cpfcnpj
    name="nome_do_campo"
    value={variavel_que_armazena_o_valor}
    onChange={funcao_para_setar_o_valor}
    error={variavel_que_armazena_o_error}    
/>

/*
 * cria um input que caso começe digitando letras irá tratar como email
 * senão adiciona a máscara de cpf
 */
<InputIdentifier
    cpfemail
    name="nome_do_campo"
    value={variavel_que_armazena_o_valor}
    onChange={funcao_para_setar_o_valor}
    error={variavel_que_armazena_o_error}
/>