rfa/src/hooks/use-retractable-string.ts

**React Form Architect** is an ultimate solution for creating and rendering forms in React. Its main focus is to provide users with a tool to define, render and share a form in a browser.

import React from "react";

export const useRetractableString = (original: string, retractable: string) => {
  const [active, setActive] = React.useState(original);

  const retractString = () => {
    setActive(retractable);

    setTimeout(() => {
      setActive(original);
    }, 3000);
  };

  return {
    text: active,
    retractString,
  };
};