<mxCell id="Mr3L7FGz1rFDETJnlPrg-22" value="<div>BuyButton {function} - a structure that shows the button in which you can buy</div><div>TrackButton: {function} - a structure that shows the button to track the event</div>" style="text;html=1;align=left;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" vertex="1" parent="Mr3L7FGz1rFDETJnlPrg-16">
<mxCell id="Mr3L7FGz1rFDETJnlPrg-24" value="<div>This component displays the event buttons that can buy a ticket or track the event for&nbsp;</div><div>further info or modifications<br><br>When the buy button is clicked, it redirects the user to the paying page</div><div>When the track event is clicked, it make signs the user to the event newsletter</div>" style="text;html=1;align=left;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" vertex="1" parent="Mr3L7FGz1rFDETJnlPrg-18">
<mxCell id="Mr3L7FGz1rFDETJnlPrg-29" value="<div>This component displays the buttons connected to this event</div>" style="text;html=1;align=left;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" vertex="1" parent="Mr3L7FGz1rFDETJnlPrg-28">
<mxCell id="Mr3L7FGz1rFDETJnlPrg-43" value="TrackState {type} - It changes the writing of the track button" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" vertex="1" parent="Mr3L7FGz1rFDETJnlPrg-32">