Initial Nodes - Copy this React, Tailwind Component to your project

IN THE B INTERFACE ALLOW USER TO MOVE THE STATES AND ADD TRANSITIONS AND NEW STATES, THE STATES NEEDS TO BE CIRCLE AND THE TRANSITIONS CAN CONTAIN CONDITIONS AND NEED TO BE ARROW BETWEEN 2 STATES, DRAG AND DROP, BUT AT THE OTHER SIDE GRAPH THE DATA FLOW TO SHOW THE ALGORITH THATH THE PERSON IS USING TO CREATE THE STATE CHART, LIKE IN STATE 1 HE CREATES 1 TRANSITION TO STATE 2 FIRST. NEXT HE CREATE ANOTHER STATE , ETC