Status

Ação e status

Estado de um registro: ativo, pendente, recusado, inativo.

Substitui no Brain:fp-status escrito à mão

Estados

AtivoPendenteRecusadoEm análiseInativo

import { Status } from "@paytime/ui";

export default function Example() {
  return (
    <div className="flex flex-wrap gap-2">
      <Status tone="success">Ativo</Status>
      <Status tone="warning">Pendente</Status>
      <Status tone="error">Recusado</Status>
      <Status tone="info">Em análise</Status>
      <Status tone="neutral">Inativo</Status>
    </div>
  );
}