export component BoxFileSelect {
    property <string> state:"none";
    property <string> square:"M 0,0 h6 v6 h-6 z";
    property <string> first-tick:"M 0,6 l6,-6";
    property <string> second-tick:"M 0,0 l6,6";

    property <string> the-commands: first-tick   second-tick;

    TouchArea {
        width: 20px;
        height: 20px;
        clicked => {
            if(state=="all"){
                state="none";
                the-commands=second-tick;
            }else{
                state="all";
                the-commands =first-tick;
            }
        }

    }
    Path {
        width: 20px;
        height: 20px;
        commands: square;
        stroke: black;
        stroke-width: 2px;
    }
    check:=Path {
        width: 20px;
        height: 20px;
        commands: the-commands;
        stroke: green;
        stroke-width: 3px;
    }
}