<mxCell id="Mr3L7FGz1rFDETJnlPrg-22" value="<div>Location: {function} - a function that allows the user to choose location</div><div>Date: {function} -&nbsp; a function that allows the user to choose a starting date</div><div>Number of people: {function} -&nbsp; it helps me see how many tickets are left in a way</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="The user can choose between options for each functions and there will be filtering" 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="This component allows the user to filter the events based to place and time" 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-44" value="StateFilter: {type} - It changes based on the option chosen by the user" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" vertex="1" parent="Mr3L7FGz1rFDETJnlPrg-32">