Add variables to textbox in certificate

[subru-37]

Description

In the textbox where we can edit the text, we have to add an option to add variables.

A variable can be denoted in the textbox by, for ex, Hello {{name}}, from {{class}} where name can be Subramani, Asil, Amal etc and class can be eca, csc like that

Hints

so what you'd have to do is just have a state variable in the format:

const [myvars, setMyVars] = {
    textbox1: [],
    textbox2:[] 
}
// where the array would have variables like name, class etc for a textbox  
// to keep track of variables in each textbox

Sample function to detect variables:

const checkVariable = (currValue) => {
    const regex = /{{\s*([a-zA-Z_$][a-zA-Z_$0-9]*)\s*}}/g;
    const matches = currValue.match(regex);
    if (matches) {
      const newVariables = matches.map((match) =>
        match.replace(/{{\s*|\s*}}/g, "")
      );
      // Add only unique variable names to the state
      setNewHandles((prevVariables) => {
        const uniqueVars = [...new Set([...newVariables])];
        return uniqueVars;
      });
    } else {
      setNewHandles([]);
    }
  };