Login

Dois painéis: Já sou cadastrado, com identificação, senha (com mostrar/ocultar) e o link para recuperar a senha, e Não sou cadastrado, com o convite para o cadastro. Lado a lado em telas largas e empilhados no celular.

const Default = () => <Login forgotHref="#esqueci-a-senha" registerHref="#cadastro" />;

O que adaptar

Prop	O que é
`identifierLabel`	Rótulo do primeiro campo (ex.: “CPF” ou “E-mail”).
`forgotHref`, `registerHref`	Páginas de recuperação de senha e de cadastro.
`onSubmit`	Recebe `{ identifier, password }`.
`error`, `loading`	Mensagem de erro do acesso e estado de envio.

const ComErro = () => <Login
    forgotHref="#esqueci-a-senha"
    registerHref="#cadastro"
    error="CPF ou senha não conferem. Confira os dados ou recupere sua senha." />;